jquery-ui - 如何在我的 flexslider 中停止自动滑动？

Question

如何在 flex 滑块中停止自动滑动？我已经在我的移动网页中加载了该滑块。当页面打开时，它会滑动到下一个图像，没有任何滑动或点击事件。如何停止这种自动幻灯片过渡？我只需要在点击或滑动屏幕时让它工作。

这是我的代码：

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
        $('.flexslider').flexslider();
    });
</script>

<div class="flexslider">
    <ul class="slides">
        <li>
            <img src="img1.png"/>
        </li>
        <li>
            <img src="img2.png"/>
        </li>
    </ul>
</div>

Answer 1

默认情况下，Flexslider 的值为 slideshow: true，因此您必须将值更改为 false。

$(window).load(function() {
  $('.flexslider').flexslider({
    slideshow: false
  });
});