javascript - 单击下一个 slider 按钮后自动滑动不起作用

Question

我正在使用 jquery 插件来进行推荐。当我单击下一个 slider 按钮时，它将停止自动滑动。我该如何解决这个问题？？

这是我的js代码

$('.testimonials-slider').bxSlider({
            slideWidth: 800,
            minSlides: 1,
            maxSlides: 1,
            slideMargin: 32,
            auto: true,
            autoControls: true
          });

这是我的外部js

External Js

Live Demo

Answer 1

试试这个:

$(document).ready(function () {

        var slider = $('.testimonials-slider').bxSlider({
            slideWidth: 800,
            minSlides: 1,
            maxSlides: 1,
            slideMargin: 32,
            auto: true,
            autoControls: true
          });

   $('.bx-prev, .bx-next').click(function(e){
    slider.stopAuto();
    setTimeout(function(){
           slider.startAuto();
     },300);

    return false;
  });
});