当窗口大小调整为 776px 或更小时，停止在 bx滑块上自动旋转

Question

当窗口大小为 767px 或更小时，如何使 bxslider 不自动旋转？这是我的代码

var slider = $('.bxslider-wrapper').bxSlider({
autoHover: true,
tickerHover: true,
controls: false,
pause: options.auto != '' ? options.auto : 4000,
pager: options.showControls ? options.showControls : false,
auto: options.auto != '' ? true : false,
infiniteLoop: options.continuous ? options.continuous : false,
touchEnabled: isTouchableDevice()
});

Answer 1

保持简单：

$(document).ready( function () {
var width = $(window).width(); // get width of viewport
if(width > 776) {
var slider = $('.bxslider-wrapper').bxSlider({
autoHover: true,
tickerHover: true,
controls: false,
pause: options.auto != '' ? options.auto : 4000,
pager: options.showControls ? options.showControls : false,
auto: false
infiniteLoop: options.continuous ? options.continuous : false,
touchEnabled: isTouchableDevice()
});
} else {
var slider = $('.bxslider-wrapper').bxSlider({
autoHover: true,
tickerHover: true,
controls: false,
pause: options.auto != '' ? options.auto : 4000,
pager: options.showControls ? options.showControls : false,
auto: true
infiniteLoop: options.continuous ? options.continuous : false,
touchEnabled: isTouchableDevice()
});
}
});

您可能希望添加一个事件来更新屏幕大小调整时的宽度变量。