
<!-- 引入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庫之前運行。(如上例運行位置。)
是否可以解决您的问题?
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)