jquery 版本冲突怎么解决

jquery 版本冲突怎么解决,第1张

单独对应就用下面的方法

<!-- 引入1.6.4版的jq -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>

<script>var jq164 = jQuery.noConflict(true)</script>

<!-- 引入1.2.2版的jq -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.2/jquery.js"></script>

<script>var jq122 = jQuery.noConflict(true)</script>

<script>

(function($){

//此时的$是jQuery-1.6.4

$('#header')

})(jq164)

</script>

<script>

(function($){

//此时的$是jQuery-1.2.2

$('#footer')

})(jq122)

</script>

所以實現版本之間的和平相處很重要。這裡介紹一個函數,可以很順利,很簡單的解決這個問題。

使用實例:<script type="text/javascript" src="jquery.js"</script

<script type="text/javascript"

var j = jQuery.noConflict(true)

</script

<script type="text/javascript" src="jquery-1.7.js"</script

<script type="text/javascript"

$(document").ready(function(){

alert(faf")})

j(document").ready(function(){

alert(faf")})</script

運行這個函數把$的使用權讓渡給另一個jquery庫,這樣就能避免不同jquery版本之間的$對象之間的衝突。(經試驗,如上試驗驗證可以輸出兩個彈出框,可以解決不同版本之間的衝突。)

在運行這個函數之後,就只能用j訪問第一個jquery庫。例如,在要用到$(div p")的地方,就必须换成j(div p")。另一個jquery庫,正常使用$訪問。

注意:這個函數必須在導入jQuery文件之后,並且在導入另一個jquery庫之前運行。(如上例運行位置。)

是否可以解决您的问题?


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/tougao/11758599.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存