javascript - ブラウザのサイズ変更後、可変幅は変更されません

Question

JavaScriptを使用して、特定のliと同じ幅の2つのliがあります。li は流動的な CSS であるため、ブラウザの幅に応じて変化します。ページを読み込むと、li は他の li と同じ幅になります。

ブラウザのサイズを変更しても、ページをリロードするまで li の幅は変わりません。ページの読み込み時に変更するのではなく、ブラウザーのサイズが変更されたときに、li のサイズを自動的に変更するにはどうすればよいですか?

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

score 3 · Accepted Answer

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

varwidthは、ブラウザのサイズを変更すると変化します

score 3 · Accepted Answer

$(window).resizeを使用してこれを実現できます。

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

サイズ変更が使用されているjsFiddle の例を次に示します。

2 に答える 2