2

我是 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>

我曾尝试使用许多其他问题，但似乎无法让它们发挥作用。

请帮忙

4

1 回答 1

10

删除这一行：

<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.

于 2013-02-15T21:33:06.863 回答