javascript - 如何在下一次控制单击时停止 bx-slider？

Question

单击下一个按钮时，我需要停止 bx-slider autoslideshow，我有以下代码。

$(document).ready(function(){
    elementSlider=$(".monitor_slider").bxSlider({
    auto: true, pager: false,
});
$(".monitor_slider_container .bx-wrapper .bx-next").click(function(e){
        if(e.originalEvent !== undefined){
            elementSlider.stopAuto();
        }
    });
});

没有错误，但滑块会自动更改。

任何帮助将不胜感激。

并原谅我糟糕的英语。

Answer 1

更新

现在您只需添加参数stopAutoOnClick: true，它会在单击控件 Next/Prev 时停止

$('.bxslider').bxSlider({
  自动：是的，
  自动控制：真，
  stopAutoOnClick: 真
});

来源：https ://bxslider.com/examples/auto-show-start-stop-controls/

Answer 2

感谢@Rikard，我需要编写自己的控件。代码现在看起来像这样，问题就解决了。

$(document).ready(function(){
    elementSlider=$(".monitor_slider").bxSlider({
    auto: true, pager: false,
});

    $(".bx-next").toggleClass("px-next");
    $(".px-next").toggleClass("bx-next");
$(".px-next").click(function(e){
        if(e.originalEvent !== undefined){
            elementSlider.goToNextSlide();
            return false;    
        }
    });

    $(".bx-prev").toggleClass("px-prev");
    $(".px-prev").toggleClass("bx-prev");
    $(".px-prev").click(function(e){
        if(e.originalEvent !== undefined){
            elementSlider.goToPreviousSlide();
            return false;    
        }
    });
});

似乎当您使用 goToNextSlide 和 goToPreviousSlide 函数时，自动显示会停止。