在一個頁面上實現多個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版本。