javascript - BxSlider 停止问题

Question

我正在使用 BXSlider 进行简单的幻灯片放映，我想知道当您单击“下一个”或“上一个”按钮时是否有办法停止滑块。我已经想出了一种方法来阻止它在鼠标悬停时停止，但是当您单击下一步或单击幻灯片内部时，有没有办法做到这一点？谢谢

Answer 1

您可以将侦听器绑定到控件并使用该侦听器来停止幻灯片放映。

var slider = $("#slider").bxSlider();

$(".slider_control").click(function(e){
    slider.stopShow();
});

捕获所有点击（在控件和滑块本身上）的一种方法是将滑块和控件包装在外部 div 中，然后侦听冒泡的点击。

<div class="slider_wrap"><!-- put slider here --></div>
<script>
    var slider = $("#slider").bxSlider();

    $(".slider_wrap").click(function(e){
        slider.stopShow();
    });
</script>