jQuery與Prototype衝突（noconflict does not work）

Question

我使用jQuery v1.6.4 http://code.jquery.com/jquery-1.6.4.js 和prototype。

我想使用jQuery選項卡小部件，它與原型衝突。結果輸入的上傳按鈕不起作用。

我試過這個來解決，但它似乎沒有工作。

​​

有趣的是，如果我按F5的上傳按鈕的作品，當我刷新，不工作。

Answer 1

簡單的方法（恕我直言）是剛剛打電話jQuery.noConflict()然後在一個匿名函數封裝任何jQuery代碼：

jQuery.noConflict(); 
(function($){ 
    // use your standard $(...) in here 
})(jQuery); 

另外，你需要分配jQuery的一個新的別名，如果你不打算使用jQuery(...)（例如var jq = jQuery.noConflict();然後使用jq(...)）。兩者的

實施例中使用：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> 
    <script type="text/javascript"> 
     var _cssjQ = jQuery.noConflict(); 
     _cssjQ('.foo').css('color','#f0f'); 
     (function($){ 
      $('.bar').css('color','#f0f'); 
     })(jQuery); 
    </script> 

和提琴：http://jsfiddle.net/kbWah/1/

Answer 2

1）定義的Jquery第一

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

2）Jquery的後和原型之前添加腳本

<script> 
    var pjquery = jQuery.noConflict();//pjquery will represent jquery framework now on-wards 
</script> 

3）現在定義的prototype.js

<script type = "text/javascript" src = "js/prototype.js" ></script> 

---

現在究竟在哪兒jQuery是被稱爲使用pjquery代替$或Jquery。