在浏览器调整大小时使用 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 媒体查询可能是更好的选择。