Question

我希望bxSlider能够自动启动幻灯片，而无需用户点击它。这是我的代码（不起作用）：

slider = $('.slider1').bxSlider({
    slideWidth: 1012,
    slideHeight:200,
    minSlides: 1,
    slideMargin: 0,
    controls: false,
    auto: true,
    autoStart: true
});
slider.startAuto();

这有什么问题？所发生的是图像加载，但它从不自动滚动，用户总是必须选择其中一个寻呼机点来手动滚动。我的代码出了什么问题？

Answer 1

你应该使用

 $(document).ready(function(e) {    });

或

 $(window).ready(function(e) {    });

介于代码之间。

所以正确的应该是，

$(document).ready(function(e) {
  $('.slider1').bxSlider({
    slideWidth: 1012,
    slideHeight:200,
    minSlides: 1,
    slideMargin: 0,
    controls: false,
    auto: true
  });
});

希望这会对你有帮助......！

Answer 2

本规范对我有用！

var slider = $('#slider').bxSlider();

$('.bx-next, .bx-prev, .bx-pager a').click(function(){
    // time to wait (in ms)
    var wait = 1000;
    setTimeout(function(){
        slider.startAuto();
    }, wait);
});

如果您不想延迟，可以设置等待0。因为我使用了：pagerCustom：'＃pager'，我将'.bx-pager'a改为'#pager a'。

Answer 3

这就是全部，缺少什么，我是从bxslider official页面

获得的

$(document).ready(function(){
  $('.bxslider').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
  });
});

Answer 4

尝试设置autoControls: true（来自http://bxslider.com/examples/auto-show-start-stop-controls）

Answer 5

好！我遇到了同样的问题！并没有解决方案在上面工作。但我发现了什么问题！

1 - 首先检查并确保在jQuery脚本中有auto:true，如下所示：

$('.bxslider').bxSlider({
          auto: true,
          pause: 3000,
          pager: true
 });

2 - 您正在使用的主要jQuery文件，请更新该jQuery文件，您可能正在使用旧的jQuery文件！（＃2是我的问题）

谢谢！

Answer 6

我建议采取以下补救措施。每次幻灯片转换后都会执行onSlideAfter。然后，此代码将在每次发生这种情况时执行slider.startAuto()，开始自动显示。

var slider = $(".sliderBx ul").bxSlider({
     auto: true,
     pager: true,
     controls: true,
     onSlideAfter: function () {
      slider.startAuto();
    }
});

bxSlider无法自动运行

6 个答案: