不同版本jquery沖突的解決方法

這篇文章給大家分享的是有關(guān)不同版本jquery沖突的解決方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、資興ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的資興網(wǎng)站制作公司

案例：解決jQuery1.3.2和1.4.2的沖突。（本例已測試通過?。?/p>

第一步：在1.4.2的源代碼的最后加上一句 ：

var $j4 = jQuery.noConflict(true);

之所以在源碼這里加，而不是像大多數(shù)文章提的在要用到的時(shí)候加，這是因?yàn)楹芏嗷?.4.2的插件都要加，在這里加可以避免過多插件加這句代碼導(dǎo)致重復(fù)。這一句是將1.4.2的jQuery和$的引用權(quán)限全部放棄。也就是基于1.4.2的插件不能再用jQuery和$了。同時(shí)給予$j4的新的命名空間，注意它是window的屬性。看1.4.2的源代碼會(huì)發(fā)現(xiàn)它其實(shí)也就執(zhí)行了這兩句：

window.$=_$;
window.jQuery=_jQuery;

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

第二步：在基于1.4.2的框架的所有插件的頭部加上以下代碼：

var _temp$ = window.$,_tempjQuery = window.jQuery;

將jQuery1.3.2的$和jQuery放到臨時(shí)的變量空間上：

window.$ = $j4;

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

window.jQuery = $j4;

之所以要先放臨時(shí)變量存儲(chǔ)，有三點(diǎn)必須這樣做的理由：

①.我們不希望改動(dòng)大量的jQuery插件源代碼，最好是不動(dòng)，即使改的話，盡量改的少。而在頭部尾部加改動(dòng)代碼，中間的原始代碼不動(dòng)也是不錯(cuò)的一種方式。

②.因?yàn)?.4.2的已經(jīng)放棄了jQuery和$的控制權(quán)，但是已有的插件代碼又用了他們來做引用，因?yàn)椴寮豢赡茴A(yù)知沖突，即使有沖突他人開發(fā)的插件也一定要用$或者jQuery引用，除非它不是jQuery下的插件。

③.為了防止插件里面直接用window.$和window.jQuery進(jìn)行引用從而導(dǎo)致引用到1.3.2的jQuery和$，雖然這種情況比較少，但是以防萬一。

中間的原始代碼不動(dòng)，尾部加以下代碼：

window.$ = _temp$;//將$的引用權(quán)限返還給jQuery1.3.
window.jQuery = _tempjQuery;//將jQuery的引用權(quán)限返還給jQuery1.3.

第三步：以后要用基于jQuery1.4.2的選取函數(shù)就只能用$j4(element)了。

總結(jié)：到目前為止可行方案：jQuery1.4.2完全放棄$和jQuery的控制權(quán)限。1.3.2放棄$的控制權(quán)限但不放棄jQuery的權(quán)限，其實(shí)jQuery也可放棄，只不過要給個(gè)別名$j3。prototype最好放在jQuery1.3.2后面，它獲得$的控制權(quán)限。只是以后要用jQuery1.4.2就必須用$j4來引用了。但這樣即使有再多的jQuery框架版本沖突問題，也全部解決掉了。假如來了個(gè)1.2的jQuery怎么辦，參照（2）的執(zhí)行步驟，只不過第一步改為：

var $j2 = jQuery.noConflict(true);

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

感謝各位的閱讀！關(guān)于不同版本jquery沖突的解決方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

本文題目：不同版本jquery沖突的解決方法
路徑分享：http://m.jiaotiyi.com/article/jphocg.html