本文中将讲解调用 jQuery 的几种方法,当然都是针对 WordPress 的,请自行按喜好进行选择:
WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了
jQuery.noConflict();
这个 noConflict() 就是为了与其它的 library 兼容性, 如: Prototype, MooTools, 或 YUI.
第一种方法,直接在网上搜索到的 jQuery 特效,然后对其进行直接调用:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jQuery.js"></script>
2.使用 Google 的 API 库进行调用,貌似很多 jQuery 都是这样调用的,很多插件通过 Google API 替换了 WP 默认的 jQuery,利用谷歌强大的服务器来加快其调用加载速度。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/1.2.3/jQuery.min.js">
3.直接调用 WordPress 自带的 jQuery 库:
<?php wp_enqueue_script('jQuery'); ?>
但要注意的是:此句必需加在 wp_head(); 的前面!
并且在js文件中的写法是:
jQuery(document).ready(function($) { … });
这样 jQuery() 包里的所有 $() 才能被正确识别.
当然也可以使用以下方法,将:
$(document).ready(function() { … });
修改为:
jQuery(document).ready(function($) { … });