首頁 > web前端 > js教程 > 解決jquery版本衝突的有效方法_jquery

解決jquery版本衝突的有效方法_jquery

WBOY
發布: 2016-05-16 16:38:04
原創
1444 人瀏覽過

用過jQuery的朋友都知道jQuery不同版本會引發衝突,本文就此問題提出有效的解決方案如下:

案例:解決jQuery1.3.2和1.4.2的衝突。 (本例已測試通過!)

第一步:在1.4.2的原始碼的最後加上一句 :

var $j4 = jQuery.noConflict(true);
登入後複製

之所以在源碼這裡加,而不是像大多數文章提的在要用到的時候加,這是因為很多基於1.4.2的插件都要加,在這裡加可以避免過多插件加這句代碼導致重複。這句話就是將1.4.2的jQuery和$的引用權限全部放棄。也就是基於1.4.2的插件不能再用jQuery和$了。同時給予$j4的新的命名空間,注意它是window的屬性。看1.4.2的原始碼會發現它其實也就執行了這兩句話:

window.$=_$;
window.jQuery=_jQuery;
登入後複製

道理同window.$=_temp$(返還命名空間)只是命名不同而已。

第二步:在基於1.4.2的框架的所有插件的頭部加上以下程式碼:

var _temp$ = window.$,_tempjQuery = window.jQuery;
登入後複製

將jQuery1.3.2的$和jQuery放到暫時的變數空間:

window.$ = $j4;

登入後複製

這句和下面的那句都是為了給中間的程式碼能夠正確使用jQuery和$用的。後面的$j4是賦予他們正確的引用。

window.jQuery = $j4;

登入後複製

之所以要先放臨時變數存儲,有三點必須這樣做的理由:

①.我們不希望改動大量的jQuery插件原始碼,最好是不動,即使改的話,盡量改的少。而在頭部尾部加改動程式碼,中間的原始程式碼不動也是不錯的一種方式。

②.因為1.4.2的已經放棄了jQuery和$的控制權,但是已有的插件程式碼又用了他們來做引用,因為插件不可能預知衝突,即使有衝突他人開發的插件也一定要用$或jQuery引用,除非它不是jQuery下的插件。

③.為了防止插件裡面直接用window.$和window.jQuery進行引用從而導致引用到1.3.2的jQuery和$,雖然這種情況比較少,但是以防萬一。

中間的原始程式碼不動,尾部加上以下程式碼:

window.$ = _temp$;//将$的引用权限返还给jQuery1.3.
window.jQuery = _tempjQuery;//将jQuery的引用权限返还给jQuery1.3.

登入後複製

第三步:以後要用基於jQuery1.4.2的選取函數就只能用$j4(element)了。

總結:到目前為止可行方案:jQuery1.4.2完全放棄$和jQuery的控制權限。 1.3.2放棄$的控制權限但不放棄jQuery的權限,其實jQuery也可放棄,只不過要給個別名$j3。 prototype最好放在jQuery1.3.2後面,它取得$的控制權限。只是以後要用jQuery1.4.2就必須用$j4來引用了。但這樣即使有再多的jQuery框架版本衝突問題,也全部解決掉了。假如來了個1.2的jQuery怎麼辦,參考(2)的執行步驟,只不過第一步改為:

var $j2 = jQuery.noConflict(true);
登入後複製

第三步用$j2(element)罷了。道理都是相同的。

相信本文所述對大家的jQuery程式設計有一定的借鏡價值。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板