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版本。

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

1 个答案: