關於Jquery的noConflict()方法,解決Jquery庫與其他庫衝突問題
阿新 • • 發佈:2018-12-31
以前只聽說過js會起衝突,但從沒遇到過,這下可好,終於趕上了。怎麼辦?這最後一個方法不能刪,可前面做好的我也總不能再重新一個個寫吧。挺糾結的問題!萬幸,在請教一高手後,他給我講了一個方法——noConflict();百度一搜,出來了,名詞解釋是:noConflict() 方法讓渡變數 $ 的 jQuery 控制權。通俗一點就是用來解決庫衝突的。
除了jq裡面用了$符號,其他很多庫也用了,像如果你用了其他庫,然後其他庫裡面也有$符號,可能就會出現衝突問題。這下noConflict()就派上了用場。
可以定義一個變數jq, 然後再用jq代替所有的$就行了。例如:
var jq=$.noConflict();
jq("#TextBox").YlMarquee({
width:320,
height:30,
visible: 1,
step:1,
vertical:"true"
});
用這個方法,引用jq庫的時候,得把jq庫放在最後面。
寫到這,想起來以前看《鋒利的jquery》那本書時,好像有提到過庫衝突的問題,但那時剛學,也很少用,所以看的不仔細,只是粗略的過了一遍,看來學習這事馬虎不得啊,一點一滴的知識點都得抓住。今天抽個時間再好好看看那上面的介紹,改天再補上吧。
關於noConflict()介紹原文請看:http://www.w3school.com.cn/jquery/core_noconflict.asp
除了jq裡面用了$符號,其他很多庫也用了,像如果你用了其他庫,然後其他庫裡面也有$符號,可能就會出現衝突問題。這下noConflict()就派上了用場。
可以定義一個變數jq, 然後再用jq代替所有的$就行了。例如:
var jq=$.noConflict();
jq("#TextBox").YlMarquee({
width:320,
height:30,
visible: 1,
step:1,
vertical:"true"
});
用這個方法,引用jq庫的時候,得把jq庫放在最後面。
寫到這,想起來以前看《鋒利的jquery》那本書時,好像有提到過庫衝突的問題,但那時剛學,也很少用,所以看的不仔細,只是粗略的過了一遍,看來學習這事馬虎不得啊,一點一滴的知識點都得抓住。今天抽個時間再好好看看那上面的介紹,改天再補上吧。
關於noConflict()介紹原文請看:http://www.w3school.com.cn/jquery/core_noconflict.asp