未捕获TypeError：Object [object Object]没有方法'nivoSlider'

Question

我得到一个nivoslider错误，当我调试它在铬我发现这no method nivoSlider代码工作正常，直到我添加另一个滑块contentslider。现在它只是显示最后一张图片而没有移动。我听说过这个话题，所以得出结论，如果你用jQuery使用2个滑块，它会产生冲突或类似的东西，我不知道帮助。

<div class="slider-wrapper theme-default"> 
    <div id="slider" class="nivoSlider"> 
     <?php $banner_query=executeQuery("select * from tbl_picture where status=1"); 
      while($banner=mysql_fetch_array($banner_query)){?> 
     <img src="image/<?php echo $banner['picture'];?>" alt="<?php echo $banner['title'];?>" title="<?php echo $banner['title'];?>" border="0"/> 
     <?php }?>  
    </div> 

</div> 

<script type="text/javascript" src="codelibrary/js/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="codelibrary/js/jquery.nivo.slider.pack.js"></script> 
<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
</script> 

Answer 1

如果您使用2个或多个带有相同ID选择器的滑块，则可能会发生冲突。不过目前看来，您正在使用它的概念，除了使用PHP推出幻灯片外。尽管在这种情况下，一般来说，要知道究竟发生了什么，这种情况很少。

如果你可以发布一些代码，在我自己和其他人喜欢的地方可以查看它并查看我们自己，我们可能能够更好地帮助，但是目前基于你的问题和提及想要使用多个一次，我的结论是，你可能使用相同的ID #slider这两个滑块在你想要的页面上。

Answer 2

这个错误告诉你，JQuery对象（在这种情况下为$('#slider')）没有nivoSlider方法，这意味着nivoSlider插件由于某种原因未被加载。

随着每一个概率这件事是发生：包括nivoSlider

要包括不止一次的jQuery源

更

• 您还没有包括jQuery的以前这与你的页面中有多少滑块无关，这是一个脚本加载问题。 显然，如果你有多个，你不能使用相同的ID。