調整瀏覽器大小后，可變寬度不會更改

Question

我有兩個li，通過使用javascript，它的寬度等於某個li的寬度。 li是可變的css，因此它會根據瀏覽器的寬度而變化。 當我加載頁面時，li變成與另一個li相同的寬度。

調整瀏覽器大小時，直到重新加載頁面后，li的寬度才會改變。 如何在瀏覽器調整大小時自動調整li大小，而不是在加載頁面時進行更改？

var width = $('li.more').width();
$('li.more ul li').css({'width':width+'px'});

Answer 1

http://api.jquery.com/resize/

$(window).resize(function() {
  width = $('li.more').width();
});

var width會隨着您調整瀏覽器大小而改變

Answer 2

您可以使用$（window）.resize實現此目的：

$(window).resize(function() {
  width = $('li.more').width();
  $('li.more ul li').css({'width':width+'px'});
});

這是使用jsFiddle調整大小的示例 。