在WordPress调用jQuery的方法及注意事项

时间:2021-02-21 21:26:16
1.最直接的:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
2.调用谷歌 Google 的 API库:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
最好再加上以下代码,一边在连接google的API库是失效时调用本地的jQuery文件:
<script>
!window.jQuery && document.write('<script src="jquery-1.6.1.min.js"><\/script>');
</script>
3.调用WP自带的  jQuery:
<?php wp_enqueue_script("jquery"); ?>
但要注意的是: wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面,而且 js 的写法是:
jQuery(document).ready(function($) {
// "$"符号在这里才能被识别
});
WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();

这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.


个人建议使用第3种方法