javascript - 在浏览器调整大小时使用 jQuery 更改 CSS

Question

我有以下代码:它根据浏览器宽度更改某些导航元素的位置。

它通过使用 $(window).width() 来实现，然后以像素(而不是百分比)为单位进行更改。这很好用。但是，当用户更改浏览器窗口时，计算将关闭。

有没有办法让我在浏览器调整大小时重新触发 css 更改——或者只是重新加载 div？在调整大小时重新加载页面工作正常，但它只是一个需要修复的小 div。

if (window.location.href.indexOf('archive') >= 0) {
    archive.css({left: nw / 2 - aw / 2});
    films.css({right: - nw / 2 - fw / 2});
        $('.index').css({left: nw / 2 - iw / 2 });

} else if (window.location.href.indexOf('films') >= 0) {
    archive.css({left: - nw / 2 - aw / 2});
    films.css({right:  nw / 2 - fw / 2});
        $('a.index').css({left: - nw / 2 + iw / 2 });
} else if (window.location.href.indexOf('index') >= 0) {


}

Answer 1

$(window).resize(function() {
    // do something on resize
});

应该可以解决问题。

顺便说一下，CSS 媒体查询可能是更好的选择。