不同的jquery版本衝突怎麼辦

不同的jquery版本衝突的解決方法：首先在【1.4.2】的源代碼的最後加相關代碼；然後在基於【1.4.2】的框架的所有插件的頭部加上相關程式碼；最後要用基於【jQuery1.4.2】的選取函數就用【$j4(element)】。

本教學操作環境：windows7系統、jQuery1.3.2&&jQuery1.4.2版本，此方法適用於所有品牌電腦。

不同的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程式設計有一定的借鏡價值。

相關免費學習推薦：JavaScript（影片）

#

以上是不同的jquery版本衝突怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！