浏览器调整大小后，可变宽度不会改变

Question

我有两个li，通过使用javascript，与某个li的宽度相同。 li是流体css，因此它根据浏览器宽度而变化。当我加载页面时，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 example调整大小。