单击下一个滑块按钮后自动滑动不起作用

时间:2014-07-10 06:26:44

标签: javascript jquery html

我正在使用jquery插件进行推荐。当我点击下一个滑块按钮时,它将停止自动滑动。我该如何解决?

这里是我的js代码

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

这里我的外部js

External Js

Live Demo

1 个答案:

答案 0 :(得分: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;
  });
});