在一个页面上实现多个jQuery插件

Question

我是jquery的新手，我试图让多个插件在一个页面上运行。现在我正在使用一个独立运行的动画div滑块，以及一个单独运行的页面内的动画链接。我可以禁用一个，另一个会工作。我已经尝试了$ .noConflict（）;但它只是打破了两者。这是我的代码。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"  type="text/javascript"></script> 
<script src="js/jquery.localscroll.js" type="text/javascript"></script> 
<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" media="screen" href="css/coda-slider.css"> 

<script src="js/jquery-1.7.2.min.js"></script> 
<script src="js/jquery-ui-1.8.20.custom.min.js"></script> 
<script src="js/jquery.coda-slider-3.0.js"></script> 

<script> 
    $(function() { 
    $('#slider-id').codaSlider({ 
    dynamicTabsAlign: "left", 
     dynamicArrows: true, 
     autoSlide: true, 
     slideEaseDuration: 1000, 
     autoSlideInterval:8000, 
     dynamicArrowsGraphical:true 
    }); 
}); 

</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#navcontact').localScroll({duration:800}); 
}); 
</script> 

我试图使用很多其他问题，但似乎无法让他们工作。

请帮

Answer 1

删除此行：

<script src="js/jquery-1.7.2.min.js"></script> 

jQuery库应该只加载一次，不管是什么版本。如果再次加载它，则在最后一次添加之前添加的任何插件将不可用。

由于您同时加载了版本1.4和1.7，因此您可能希望将上述行移至文件顶部并删除对<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"（也未正确关闭）的调用，因为您的一些插件可能需要至少1.7版本。