브라우저의 크기를 조정 한 후에도 가변 너비가 변경되지 않습니다.

Question

저는 jav를 사용하여 2 개의 li를 가지고 있는데, 이는 특정 li의 너비와 같습니다. li는 유동적 인 CSS이므로 브라우저의 너비에 따라 바뀝니다. 페이지를로드 할 때 li는 다른 li과 동일한 너비가됩니다.

브라우저의 크기를 조정할 때 페이지를 다시로드하기 전까지 li의 너비는 변경되지 않습니다. 페이지를로드 할 때 브라우저의 크기를 변경하는 대신 브라우저의 크기가 자동으로 조정되는 방법은 무엇입니까? 사용

다음

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

가 크기 조정의 jsFiddle example : 당신이 당신의 브라우저

Answer 1

크기를 조정

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

Answer 2

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

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

VAR width 당신은이를 달성하기 위해 $(window).resize을 사용할 수 변경됩니다 .