使用jquery時$符號衝突問題解決方案

    當一個項目引入多個第三方庫的時候,由於沒有命名空間的約束(命名空間就好比同一個目錄下的文件夾一樣,名字相同就會引發衝突),庫與庫之間的衝突在所難免。

    既然有衝突問題存在,爲什麼還要應用多個庫呢?是因爲jQuery不過是一個DOM操作爲主的庫,方便我們日常WEB的開發,但有時候我們的項目可能需要應用其他的庫來解決一些特殊的問題。例如UI庫,遊戲庫等等。

    例如prototype庫等等,或者自己定義的使用到了$符號的庫,該如何解決呢?例如我們有一個自己開發的Base庫,也是用到了$符號,一般情況下有兩種解決方法

    1、將jQuery庫在Base庫之前引用,那麼“$”的所有權就交給了Base庫,而jQuery可以直接使用jQuery對象調用,或者創建一個"$$"給jQuery使用。

    

//假設我們的Base庫中有一個ge()方法
var $$ = jQuery;
$(function(){
    alert($("#box").ge(0));
    alert($$("#box").width());
})

    2、如果jQuery庫在Base庫之後引用,那麼“$”所有權歸jQuery所有,而Base庫將會因爲衝突而失去作用,在這裏jQuery提供了一個方法

jQuery.noConflict();  //自我摧毀,將$所有權剔除
var $$ = jQuery;
$(function(){
    alert($("#box").ge(0));
    alert($$("#box").width());
})


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