案例:解決jQuery1.3.2和1.4.2的沖突。(本例已測試通過?。?/p>
第一步:在1.4.2的源代碼的最后加上一句 :
之所以在源碼這里加,而不是像大多數(shù)文章提的在要用到的時候加,這是因為很多基于1.4.2的插件都要加,在這里加可以避免過多插件加這句代碼導(dǎo)致重復(fù)。這一句是將1.4.2的jQuery和$的引用權(quán)限全部放棄。也就是基于1.4.2的插件不能再用jQuery和$了。同時給予$j4的新的命名空間,注意它是window的屬性。看1.4.2的源代碼會發(fā)現(xiàn)它其實也就執(zhí)行了這兩句:
道理同window.$=_temp$(返還命名空間)只是命名不同而已。
第二步:在基于1.4.2的框架的所有插件的頭部加上以下代碼:
將jQuery1.3.2的$和jQuery放到臨時的變量空間上:
這句和下面的那句都是為了給中間的代碼能夠正確使用jQuery和$用的。后面的$j4是賦予他們正確的引用。
之所以要先放臨時變量存儲,有三點必須這樣做的理由:
①.我們不希望改動大量的jQuery插件源代碼,最好是不動,即使改的話,盡量改的少。而在頭部尾部加改動代碼,中間的原始代碼不動也是不錯的一種方式。
②.因為1.4.2的已經(jīng)放棄了jQuery和$的控制權(quán),但是已有的插件代碼又用了他們來做引用,因為插件不可能預(yù)知沖突,即使有沖突他人開發(fā)的插件也一定要用$或者jQuery引用,除非它不是jQuery下的插件。
③.為了防止插件里面直接用window.$和window.jQuery進(jìn)行引用從而導(dǎo)致引用到1.3.2的jQuery和$,雖然這種情況比較少,但是以防萬一。
中間的原始代碼不動,尾部加以下代碼:
第三步:以后要用基于jQuery1.4.2的選取函數(shù)就只能用$j4(element)了。
總結(jié):到目前為止可行方案:jQuery1.4.2完全放棄$和jQuery的控制權(quán)限。1.3.2放棄$的控制權(quán)限但不放棄jQuery的權(quán)限,其實jQuery也可放棄,只不過要給個別名$j3。prototype最好放在jQuery1.3.2后面,它獲得$的控制權(quán)限。只是以后要用jQuery1.4.2就必須用$j4來引用了。但這樣即使有再多的jQuery框架版本沖突問題,也全部解決掉了。假如來了個1.2的jQuery怎么辦,參照(2)的執(zhí)行步驟,只不過第一步改為:
第三步用$j2(element)罷了。道理都是相同的。
相信本文所述對大家的jQuery程序設(shè)計有一定的借鑒價值。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com