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

Question

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

Answer 1

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

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

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

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

如果您在初始加载页面(即旋转设备)后也需要执行此操作，那么您可以像这样销毁 slider :

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

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