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媒体查询可能是更好的选择。

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

1 个答案: