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/