【问题标题】:Auto sliding not working after click next slider button单击下一个滑块按钮后自动滑动不起作用
【发布时间】:2014-07-10 06:26:43
【问题描述】:

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

这里是我的 js 代码

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

这里是我的外部 js

External Js

Live Demo

【问题讨论】:

标签: javascript jquery html


【解决方案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;
  });
});

【讨论】:

  • 是的!它有效。谢谢兄弟,非常感谢。
猜你喜欢
  • 1970-01-01
  • 2016-06-29
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 1970-01-01
  • 2019-06-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多