브라우저 너비의 높이 변경 리사이즈

Question

작은 스크립트를 사용하여 li 요소 그룹의 높이를 가장 많은 내용으로 변경했습니다.

코드는 정상적으로 작동하지만 브라우저 너비의 크기를 조정해야 작동합니다.

브라우저 너비를 변경하여 왜 다시로드되지 않는지 알아야합니까? 당신은 다시 설정하기 전에 높이를 재설정해야

//changes slider hight to the hight of the li with the most content 
function heightChange() { 
    var max = -1; 
    $(".feedback li").each(function() { 
     var h = $(this).height(); 
     max = h > max ? h : max; 
    }); 
    $(".feedback li").css("height", max); 
}; 

// start by open site 
heightChange(); 

// load function by resizing of the browser window 
$(window).bind("resize", function(){ 
    heightChange(); 
}); 

Answer 1

:

여기 내 코드입니다. Demo

$(window).on("resize", function(){ 
    $(".feedback li").css("height", "auto"); 
    heightChange(); 
}); 

그렇지 않으면 height()은 지정된 값을 반환합니다; 또한

, .on() 당신이 fiddlejs 오순절 HTML과 자바 스크립트를 게시 할 수