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();