JQuery（移动旋转器）中的动态窗口宽度

Question

我的网站上有一个JQuery旋转器，带有幻灯片图像，我想让网站响应。我正在使用CSS媒体查询来完成它。当窗口宽度小于800px时，我想更改幻灯片宽度（在JS中定义）。这么久，我做了这样的事情：

var responsiveSlideWidth;

if ($(window).width() < 800) {
    responsiveSlideWidth = 700;
}
else {
    responsiveSlideWidth = 960;
}


var defaults = {
    container: '.rotatorWrapper',
    animationduration: 1000,
    slideWidth: responsiveSlideWidth
};

问题是它在页面重新加载后才起作用。这意味着：如果我重新调整窗口大小，则在重新加载页面之前它不能正常工作。

Answer 1

你应该试试

$(window).resize(function (){
    // your code
}); 

每次调整窗口大小时都会触发。