眾所周知,jquery版本很多,而且有些版本的衝突也非常明顯,有一些網上流傳的很實用的插件是用A版本寫的,但是要實現另個功能又必須用B版本。所以實現版本之間的和平相處很重要。這裡介紹一個函數,可以很順利,很簡單的解決這個問題。
使用實例:
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript">
- var jQuery_1_3_2 = jQuery.noConflict(true);
- </script>
- <script type="text/javascript" src="jquery-1.7.js"></script>
- <script type="text/javascript">
- $("document").ready(function(){
- alert("faf");
- })
- jQuery_1_3_2("document").ready(function(){
- alert("faf");
- })
-
- </script>
運行這個函數把$的使用權讓渡給另一個jquery庫,這樣就能避免不同jquery版本之間的$對象之間的衝突。(經試驗,如上試驗驗證可以輸出兩個彈出框,可以解決不同版本之間的衝突。)
在運行這個函數之後,就只能用j訪問第一個jquery庫。例如,在要用到$("div p")的地方,就必须换成j("div p")。另一個jquery庫,正常使用$訪問。
注意:這個函數必須在導入jQuery文件之后,並且在導入另一個jquery庫之前運行。(如上例運行位置。)
针对不同版本的插件,里边使用的jQuery也需要用变量jQuery_1_3_2进行替换。