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

你可以使用 $(window).resize实现这一目标:

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

这是一个 jsFiddle example正在使用调整大小。