成都網(wǎng)站建設(shè)中多個(gè)jquery發(fā)生沖突,以及jquery和其他JS沖突的解決方法

2022-08-28    分類(lèi): 網(wǎng)站建設(shè)

成都網(wǎng)站建設(shè)的制作中,在處理一些網(wǎng)站中的動(dòng)態(tài)效果的時(shí)候,往往要用到j(luò)query的特效,有時(shí)候單單的引用一個(gè)juqery文件,是不能滿足我們的需求的。這時(shí)候要引用多個(gè)jquery文件,由于版本的不同,不同的jquery也能夠?qū)崿F(xiàn)不同的效果。在引用多個(gè)jquery時(shí),會(huì)發(fā)現(xiàn),部分效果失效,或者只能出現(xiàn)一種效果,另一種效果不起作用,或者說(shuō)別的JS也沒(méi)有的效果,這往往是由于jquery在多個(gè)版本之間發(fā)生沖突的原因所致,解決辦法如下。

錯(cuò)誤效果截圖:

多個(gè)jquery發(fā)生沖突,以及jquery與其他JS沖突錯(cuò)誤效果截圖

正確效果截圖:

多個(gè)jquery發(fā)生沖突,以及jquery與其他JS沖突正確效果截圖

正確代碼截圖:

多個(gè)jquery發(fā)生沖突,以及jquery與其他JS沖突正確代碼截圖

從上面三張圖中,我們可以看到,當(dāng)在代碼中引入了兩個(gè)juqery時(shí),發(fā)生了沖突的現(xiàn)象,導(dǎo)航欄中的下拉不顯示,并且輪播圖片也不進(jìn)行切換了。我們可以通過(guò)重新定義jquery變量的方法,來(lái)解決多個(gè)juqery發(fā)生沖突的錯(cuò)誤,此方法也同樣適用于juqery與其他JS,發(fā)生沖突的錯(cuò)誤。

具體代碼書(shū)寫(xiě):


以上是引用的兩個(gè)jquery的JS,在中間加入了一個(gè)變量J,這個(gè)J是用來(lái)重新定義JQUERY的,也就是說(shuō),在使用jquery.min.js這個(gè)JS的時(shí)候,我們可以把所有的$都換成J的符號(hào),在使用jquery.min2.js這個(gè)JS的時(shí)候,還是照樣使用$這個(gè)符號(hào)。

具體使用方法:

①、使用jquery.min.js的JS寫(xiě)法:

注意:以上都是用的"j"進(jìn)行的JS使用。

①、使用jquery.min2.js的JS寫(xiě)法:

注意:以上都是用的"$"進(jìn)行的JS使用。

通過(guò)以上的方法,我們就好解決了在同一個(gè)頁(yè)面中,使用多個(gè)jquery發(fā)生沖突,頁(yè)面特效失效的問(wèn)題。

在進(jìn)行成都網(wǎng)站建設(shè)的過(guò)程中,我們建議大家盡量少的使用的JS的特效,如果一個(gè)頁(yè)面中的JS特效太多的話,會(huì)在一定程度上影響網(wǎng)站的打開(kāi)速度,當(dāng)然JS多的網(wǎng)頁(yè)用戶體驗(yàn)可能會(huì)相對(duì)的多一些,這時(shí)候我們就盡量的保證JS的引用盡量少一些,能用一個(gè)JS實(shí)現(xiàn)的效果,就用一個(gè)JS去實(shí)現(xiàn),不要為了一個(gè)小小的JS效果去加載一個(gè)體積很龐大的JS代碼庫(kù)。

文章標(biāo)題:成都網(wǎng)站建設(shè)中多個(gè)jquery發(fā)生沖突,以及jquery和其他JS沖突的解決方法
網(wǎng)址分享:http://muchs.cn/news/193608.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(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)

手機(jī)網(wǎng)站建設(shè)