3

我希望 bxSlider 无需用户单击即可自动启动幻灯片。这是我的代码（不起作用）：

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

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

4

6 回答 6

4

你应该使用

 $(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,

    });
    });

希望对你有帮助...！

于 2015-01-12T10:30:57.343 回答
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);
});

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

于 2013-10-19T17:37:57.433 回答
2

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

$(document).ready(function(){
  $('.bxslider').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
  });
});
于 2015-12-08T05:55:18.577 回答
1

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

于 2013-06-03T12:29:51.827 回答
1

好的！我遇到了同样的问题！上面的解决方案都没有。但是我发现了问题所在！

1 - 首先检查并确保你有auto:true如下的 jQuery 脚本：

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

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

谢谢！

于 2018-05-14T16:58:00.410 回答
-1

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

var slider = $(".sliderBx ul").bxSlider({
     auto: true,
     pager: true,
     controls: true,
     onSlideAfter: function () {
      slider.startAuto();
    }
});
于 2017-04-17T11:49:47.980 回答