Bx滑块停止问题

BxSlider stop issue

本文关键字:问题 Bx      更新时间:2023-09-26

我正在使用BXSlider进行简单的幻灯片放映,我想知道当您单击"下一个"或"上一个"按钮时是否有办法停止滑块。我已经找到了一种方法可以在鼠标悬停时停止它,但是当您单击下一步或在幻灯片内单击时,有没有办法做同样的事情?谢谢

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

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>