0

我收到 nivoslider 的错误，当我在 chrome 中调试它时，我发现这个no method nivoSlider代码工作正常，直到我添加了另一个滑块内容滑块。现在它只显示最后一张图像而不是移动。我听说过这个话题，所以得出结论，如果你使用 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>
4

2 回答 2

0

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

很可能其中一件事情正在发生：

  • 在包含 nivoSlider之前，您还没有包含 jquery
  • 您不止一次包含 jquery 源

这与页面中有多少滑块无关，这是脚本加载问题。显然，如果您有多个，则不能使用相同的 ID。

于 2012-10-17T00:46:27.757 回答
0

如果您使用 2 个或更多具有相同 ID 选择器的滑块，您可能会遇到冲突。但是，目前您似乎在概念上使用它是开箱即用的，除了使用 PHP 推出幻灯片。一般而言，尽管在这种情况下要确切知道发生了什么，但几乎没有什么可做的。

如果您可以在我自己和像我这样的其他人可以查看并亲自查看的地方发布一些代码，我们可能会更好地协助，但是目前基于您的问题，并且提到想要一次使用多个，我的结论是，您可能#slider对您想要的页面上的两个滑块使用相同的 ID。

于 2012-07-28T19:36:02.053 回答