javascript - 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
}); 

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