這篇文章給大家分享的是有關(guān)不同版本jquery沖突的解決方法的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
案例:解決jQuery1.3.2和1.4.2的沖突。(本例已測(cè)試通過(guò)!)
第一步:在1.4.2的源代碼的最后加上一句 :
var $j4 = jQuery.noConflict(true);
之所以在源碼這里加,而不是像大多數(shù)文章提的在要用到的時(shí)候加,這是因?yàn)楹芏嗷?.4.2的插件都要加,在這里加可以避免過(guò)多插件加這句代碼導(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),但是已有的插件代碼又用了他們來(lái)做引用,因?yàn)椴寮豢赡茴A(yù)知沖突,即使有沖突他人開(kāi)發(fā)的插件也一定要用$或者jQuery引用,除非它不是jQuery下的插件。
③.為了防止插件里面直接用window.$和window.jQuery進(jìn)行引用從而導(dǎo)致引用到1.3.2的jQuery和$,雖然這種情況比較少,但是以防萬(wàn)一。
中間的原始代碼不動(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也可放棄,只不過(guò)要給個(gè)別名$j3。prototype好放在jQuery1.3.2后面,它獲得$的控制權(quán)限。只是以后要用jQuery1.4.2就必須用$j4來(lái)引用了。但這樣即使有再多的jQuery框架版本沖突問(wèn)題,也全部解決掉了。假如來(lái)了個(gè)1.2的jQuery怎么辦,參照(2)的執(zhí)行步驟,只不過(guò)第一步改為:
var $j2 = jQuery.noConflict(true);
第三步用$j2(element)罷了。道理都是相同的。
感謝各位的閱讀!關(guān)于不同版本jquery沖突的解決方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
新聞標(biāo)題:不同版本jquery沖突的解決方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于:http://www.chinadenli.net/article46/doidhg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、外貿(mào)建站、Google、響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容