BxSlider 禁用特定宽度的自动播放

Question

不确定我是瞎了还是没有。我想在特定宽度上停止 bxSlider 自动播放？就这么简单

Answer 1

通常情况下，您会像这样启动 bxSlider...

$(document).ready(function(){
  $('.bxslider').bxSlider();
});

启动前，您可以先使用window.innerWidth检查宽度，例如

$(document).ready(function(){
    if (window.innerWidth >320) {
        $('.bxslider').bxSlider();
    }
});

如果您在初始加载页面（即旋转设备）后也需要这样做，那么您可以像这样销毁滑块：

slider = $('.bxslider').bxSlider();
slider.destroySlider();

如果您需要在初始加载后执行此操作，则需要某种方法来检测何时销毁滑块。 jQuery 有一种检查此 (orientationchange) 的方法，您可以在此处阅读：https://api.jquerymobile.com/orientationchange/

BxSlider disable autoplay on certain width