jQuery我如何解決jQuery的衝突

Question

我把2個jQuery插件放在一個網頁裏面。 2 jquery之間發生衝突。當我拿出1的插件代碼。這行得通。但是當我把2放在一起。只有jquery的一個工作很好。

任何人都可以幫我解決這個問題嗎？

<script type="text/javascript" src="js/script.js"></script> 
<link rel="stylesheet" href="style.css" type="text/css" media="screen" /> 

<!--slide show--> 
<link rel="stylesheet" href="css/main.css" type="text/css" media="all"> 
<link rel="stylesheet" href="css/slideshow.css" type="text/css" /> 

<script type="text/javascript" src="js/mootools.js"></script> 
<script type="text/javascript" src="js/backgroundslider.js"></script> 
<script type="text/javascript" src="js/slideshow.js"></script> 

<script type="text/javascript"> 
     window.addEvent('domready',function(){ 
      var obj = { 
       wait: 2000, 
       effect: 'fade', 
       duration: 1000, 
       loop: true, 
       thumbnails: true, 
       backgroundSlider: true, 
       onClick: function(i){} 
      } 
      show = new SlideShow('slideshowContainer','slideshowThumbnail',obj); 
      show.play(); 
     }); 
</script> 

<!--Contact Slide--> 
<link type="text/css" href="css/reset_contact.css" rel="stylesheet" /> 
<link type="text/css" href="css/styles.css" rel="stylesheet" /> 

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="js/scripts.js" type="text/javascript"></script> 

Answer 1

你似乎是使用MooTools的和jQuery：

<script type="text/javascript" src="js/mootools.js"></script> 
... 
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> 

兩個庫，我相信使用$簡寫。您需要設置一個或另一個不使用$以避免您的代碼異花授粉。 ' 在jQuery和其他庫上檢出this article。基本上你叫noConflict()像這樣：

jQuery.noConflict(); 

，然後在您的所有jQuery代碼，代替$使用jQuery：

$('foo').bar(); 

成爲

jQuery('foo').bar();