jQuery 中 $ 避免跟其它庫衝突

如果項目中除了 jQuery 庫之外還有其它庫,並且這個庫中也有 $ 變量,那麼這個 $ 就會和 jQuery 中的 $ 衝突。爲了避免這樣的衝突,需要再加載 jQuery 庫之後,立即將 jQuery 設置爲 no-conflict 模式。

將 jQuery 設置爲 no-conflict 模式後,可以給 $ 設置個別名:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>var $j = jQuery.noConflict();</script>

如果還想繼續是用 jQuery 的 $,需要將代碼包含在一個自執行的函數內,這也是一些 jQuery 插件作者的通用做法,因爲這些作者並不知道項目中是否引用了其它庫:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();

(function($) {
   // 這裏依然可以繼續使用 jQuery 的 $
})(jQuery);
</script>



 

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