Ширина переменной не изменится после изменения размера браузера

Question

У меня есть два li, которые, используя javascript, имеют одинаковую ширину определенного li. Ли является текущим css, поэтому он изменяется в соответствии с шириной браузера. Когда я загружаю страницу, 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 из изменения размера используется ,

Answer 2

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

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

вар width изменится, как вы изменить размер вашего браузера