jquery和原型衝突

Question

我無法在同一頁上運行兩個JavaScript文件。我用JQuery.noConflict（）（http://api.jquery.com/jQuery.noConflict/）但沒有運氣。

 <script src="http://www.google.com/jsapi"></script> 
     <script> 
      google.load("prototype", "1.6.0.3",{uncompressed:false}); 
      google.load("scriptaculous", "1.8.1",{uncompressed:false}); 
     </script> 
     <script src="js/jquery.tools.min.js"></script> 
     <script type="text/javascript"> 
      $jQuery.noConflict(); 
      jQuery(document).ready(function($) { 
       $("#download_now").tooltip({ effect: 'slide'}); 
      }); 

      function show_text() { 
      new Ajax.Request('./new.php', { 
          method: 'post', 
          parameters: { userid: $('userid').value }, 
          onSuccess: function(r) { $('update').update(r.responseText) } 
           });  
      } 

      document.observe("dom:loaded", function() { 

      $('loading').hide(); 

      Ajax.Responders.register({ 
       onCreate: function() { 
       new Effect.Opacity('loading',{ from: 1.0, to: 0.3, duration: 0.7 });   
       new Effect.toggle('loading', 'appear'); 


       }, 
       onComplete: function() { 
       new Effect.Opacity('loading', { from: 0.3, to: 1, duration: 0.7 }); 
       new Effect.toggle('loading', 'appear'); 
       } 
      }); 
      });   
      </script> 

Answer 1

我相信$jQuery.noConflict();在你的代碼中是一個錯字。使用jQuery.noConflict();。

解決您的問題的另一種方法是用jQuery替換所有$變量（前提是$引用了jQuery對象）。

Answer 2

閱讀：

• How to avoid conflict between JQuery and Prototype

或只搜索計算器這樣的：

https://stackoverflow.com/search?q=jquery+conflict-prototype

Answer 3

負荷的jQuery，然後再調用這個代碼：

var $jq = jQuery.noConflict(); 
//Now you can use $jq in place of $ for jQuery; 
$jq(".myButton").css("border","2px"); 

加載其他庫。