在瀏覽器調整大小時使用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媒體查詢可能是一個更好的選擇。