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/