jQuery版本衝突解決方法
阿新 • • 發佈:2018-12-26
眾所周知,jquery版本很多,而且有些版本的衝突也非常明顯,有一些網上流傳的很實用的外掛是用A版本寫的,但是要實現另個功能又必須用B版本。所以實現版本之間的和平相處很重要。這裡介紹一個函式,可以很順利,很簡單的解決這個問題。
使用例項:
- <scripttype="text/javascript"src="jquery.js"></script>
- <scripttype="text/javascript">
- var jQuery_1_3_2 = jQuery.noConflict(true);
- </script>
- <scripttype="text/javascript"
- <scripttype="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進行替換。