在WordPress調用jQuery的方法及注意事項

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種方法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章