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

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();
});

varwidth会随着您调整浏览器的大小而改变

Answer 2

您可以使用$(window).resize来实现此目的：

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

这是使用调整大小的jsFiddle 示例。