ÔÚ Wordpress ²å¼þÖÐʹÓà Javascript(jQuery) ½Å±¾
ÓÐÁËÇ°ÃæµÄһƪÎÄÕ¡¶ÔÚ Wordpress ²å¼þÖÐʹÓÃÑùʽ±í¡·£¬Ôò±¾½Ú¡¶ÔÚ WP ²å¼þÖÐʹÓà Javascript¡·¾ÍºÃÃèÊö£¬Ò²ÈÝÒ×Àí½âµÄ¶àÁË¡£
1£¬²å¼þµÄÎļþ¼Ð½á¹¹ÓëÇ°ÎÄÏàͬ¡£²å¼þÍê³ÉµÄ¹¦ÄÜÇ°ÎÄÒѾÊö¼°£¬±¾½Ú½«¼ÓÒ»¸ö¹¦ÄÜ£¬µ±ÔÚÎÄ×ÖÉϵã»÷ʱ£¬µ¯³öÒ»¸ö´°¿Ú¡£±¾½ÚʾÀýÒ²ÔÚÇ°ÎÄʾÀýµÄ»ù´¡ÉÏ¿ª·¢¡£
±¾½ÚµÄ JS ½Å±¾·ÅÖÃÔÚ js Îļþ¼ÐÏ£¬ÎļþÃû script.js£¬ÄÚÈÝÈçÏ£º
jQuery(document).ready(function(){
//---------------
jQuery("#myalert").click(function()
{
alert("Hello, Wordpress and JQuery!");
});
//---------------
});
2£¬ÍêÕû´úÂë¼°Æä½âÊÍ
±¾½Ú»¹½éÉÜÁËÁíÒ»ÖÖÍùÎÄÕÂÖмÓÈë CSS ´úÂëµÄ·½·¨£¬Ê¹ÓÃÁË wp_print_styles Õâ¸ö API ʼþ£¬Óë wp_register_style ºÍ wp_enqueue_style º¯ÊýÅäºÏ£¬ÊǸüºÏºõ±ê×¼µÄÓ÷¨¡£
¼ÓÈë JS ½Å±¾µÄ´úÂ룬Óë CSS ºÜÏàËÆ£¬±¾½ÚÒÔ¼ÓÈëÒ»¶Î JQuery ½Å±¾ÎªÀý¡£²»ÊìϤ jQuery µÄÅóÓÑ¿ÉÒÔÏÈȥѧϰÒÔÏ jQuery£¬ÒÔÔÚ´úÂëÖÐʹÓÃÆäÇ¿´óµÄ¹¦ÄÜ¡£
WP ²å¼þÖмÓÈë JS ½Å±¾µÄ´úÂ룬ҲÓÐ 2 ÖÖ·½·¨£¬µ±È»×îºÃÒ²ÊÇʹÓà wp_print_scripts API ÅäºÏ wp_register_script ºÍ wp_enqueue_script ΪÍƼöµÄ·½·¨¡£
³ý¹ý¼¸¸öº¯ÊýºÍ²¿·Ö´úÂëÓÐÉÙÐíµÄ²î±ðÍ⣬²å¼þµÄ½á¹¹ÓëÉϽÚÒ»Ñù£¬¿ÉÒÔ²ÎÕÕÔĶÁ¡£
´úÂëÖ´ÐеĽá¹û£¬¾ÍÊÇÔÚÒ³ÃæµÄ head ²¿·ÖÌí¼ÓÁËÒÔÏ JS ´úÂ룺
<script type='text/javascript' src='http://……/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://……/wp-content/plugins/test-css-js/js/script.js?ver=20100405'></script>
±¾ÀýµÄÍêÕû´úÂëÈçÏ£¬¹Ø¼ü´úÂëÓÐ×¢ÊÍ£º
<?php
/*
Plugin Name: Test_CSS_JS
Plugin URI: http://www
Ïà¹ØÎĵµ£º
// ´óѧÀï×îÍ´¿àµÄÊÂÇéĪ¹ýÓÚ×ö±ÏÒµÉè¼Æ£¬Ä¿Ç°Õý´¦ÓÚÕâ¸öʱÆÚ¡£
// £º£¨ :(
//
// Ê×ÏȼǼϵÄÊÇ Function µÄÒ»¸öÎÊÌâ
Function.prototype.method = function( name, func){
if( ! this.prototype[ name]){
this.prototype[ name ] = func;
}
} // ¸ø º¯ÊýÔÐÍÔö¼Ó·½·¨
//
// ¸øº¯ÊýÔÐÍÔö¼ÓµÄ·½·¨ÔÚ St ......
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml ......
O3D ÊÇÒ»¸ö¿ªÔ´µÄWeb API£¬Æä¿ÉÒÔ´´½¨Ï൱ţXµÄ»ùÓÚä¯ÀÀÆ÷µÄ¿É½»»¥Ê½µÄ3DÓ¦Óá£Õâ¸öAPIÔÚºÜÓпÉÄÜ»áÐγÉÒÔºóµÄWebÉϵÄ3DͼÐεıê×¼¡£ÏÂÃæÊÇÕâ¸öAPIµÄÖ÷Õ¾µã£º http://code.google.com/apis/o3d/ ¡£O3DÄ¿Ç°Ö§³ÖWindows, MacºÍLinuxÈýÖÖƽ̨¡£
ÏÂÃæÊÇһЩ¼òµ¥µØʹÓÃO3DµÄAPIµÄÈçºÎ´´½¨Ò»¸öÁ¢·½Ì壬¸üÏêϸµÄÄÚÈÝÇ ......
JavaScript²»Çø·Öµ¥¸ö×Ö·ûºÍ×Ö·û´®£¬ÈκÎ×Ö·û»ò×Ö·û´®¿ÉÒÔÓÃË«ÒýºÅ»òµ¥ÒýºÅÒýÆðÀ´¡£Èç¹û×Ö·û´®±¾Éíº¬ÓÐË«ÒýºÅ£¬ÔòӦʹÓõ¥ÒýºÅ½«×Ö·û´®À¨ÆðÀ´£»Èç¹û×Ö·û´®±¾Éíº¬Óе¥ÒýºÅ£¬ÔòӦʹÓÃË«ÒýºÅ½«×Ö·û´®ÒýÆðÀ´£¬Á½Õß¿ÉÒÔǶÌ×ʹÓᣠ......
ÄãÖªµÀÊÀ½çÉÏÓжàÉÙÖÖä¯ÀÀÆ÷Â𣿳ýÁËÎÒÃÇÊìÖªµÄIE, Firefox, Opera, SafariËÄ´óä¯ÀÀÆ÷Ö®Í⣬ÊÀ½çÉÏ»¹Óнü°ÙÖÖä¯ÀÀÆ÷¡£
¼¸ÌìÇ°£¬ä¯ÀÀÆ÷¼Ò×åÓиյ®ÉúÁËһλСÍõ×Ó£¬¾ÍÊÇGoogleÍƳöµÄChromeä¯ÀÀÆ÷¡£ÓÉÓÚChrome³öÉúÃûÃÅ£¬¾¡¹ÜËû»¹ÊǸöС¼Ò»ï£¬Ã»ÓÐÈ˸ÒС¿´Ëû¡£ÒÔºó£¬ÔÛÃdz£Ëµä¯ÀÀÆ÷µÄ&ld ......