如果項目中除了 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>