jQuery 동등한 열 스크립트를 창 크기 조정에서 실행하는 방법은 무엇입니까?

Question

jQuery 스크립트를 실행하여 여러 행에 걸쳐 같은 높이의 div를 설정했습니다. 여기

내가 CSS 트릭에이 게시물의 기술을 사용했습니다 내가 스크립트를 들어 http://jsfiddle.net/F8QHd/2/

을 사용하고 코드의 추출에 대한 링크의 http://css-tricks.com/equal-height-blocks-in-rows/

사람이 방법을 수정하는 방법을 말해 줄래 스크립트를 사용하여 창 크기를 조정해도 여전히 작동합니까? 지금은 페이지로드에서 작동하지만 윈도우 크기에 따라 트리거하는 방법을 모르겠습니다. 스크립트가 $(window).resize(function() {});을 사용하므로 왜 이것이 작동하지 않는지 잘 모르겠습니다.

도움이 필요하십니까?

감사합니다.

Answer 1

나는 그것이 작동하지 않는 것을 볼 수 없다. resize를 설정 한 다음 해당 명령을 복제하지 않고로드 할 때 작동하도록 트리거합니다.

$(window).resize(function() { 
    columnConform(); 
}).trigger('resize'); 

딱 한 주 - 요소를 균등 것은 크기를 변경하는 창을 유발하고 침전 전에 몇 번 재귀 때 문제를 칠 것입니다. 나는 이것을 같은 높이 함수에 타임 아웃을 추가하여 해결했다.

jquery와 비슷한 확장 기능을 이미 작성했습니다. 관심이 있으시면 Equal Height Rows for Fluid Width Elements