1. 程式人生 > >jQuery版本衝突解決方法

jQuery版本衝突解決方法

眾所周知,jquery版本很多,而且有些版本的衝突也非常明顯,有一些網上流傳的很實用的外掛是用A版本寫的,但是要實現另個功能又必須用B版本。所以實現版本之間的和平相處很重要。這裡介紹一個函式,可以很順利,很簡單的解決這個問題。

使用例項:

  1. <scripttype="text/javascript"src="jquery.js"></script>
  2. <scripttype="text/javascript">
  3. var jQuery_1_3_2 = jQuery.noConflict(true);
  4. </script>
  5. <scripttype="text/javascript"
    src="jquery-1.7.js"></script>
  6. <scripttype="text/javascript">
  7. $("document").ready(function(){
  8. alert("faf");
  9. })
  10. jQuery_1_3_2("document").ready(function(){
  11. alert("faf");
  12. })
  13. </script>

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

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

注意:這個函式必須在匯入jQuery檔案之後,並且在匯入另一個jquery庫之前執行。(如上例執行位置。)

針對不同版本的外掛,裡邊使用的jQuery也需要用變數jQuery_1_3_2進行替換。