의 jQuery wookmark 플러그인 동적 DIV 높이

Question

I는 아래의 '클릭'기능에 의해 제어 동적 높이가 약간의 div가 있습니다

$('.expand').click(function() { 
    $(this).next('.collapse').slideToggle(); 
}); 

내가 div의에 jQuery wookmark plugin을 적용하려고 시도하고, 그리고 그것은 떨어져 작동 섹션 중 하나를 확장하여 높이를 동적으로 조정할 때. 그러나 창 크기를 조정할 때 div 중 하나 이상이 펼쳐지면 div는 올바른 레이아웃으로 '스냅'됩니다. 내가 div를 확장 한 후에 'updateWookmarkLayout()'과 같은 함수를 호출해야한다는 것을 알고 있지만 무엇을 호출해야할지 확신하지 못했습니다.

이 example에서 내가 성취하고자하는 것을 더 분명하게 볼 수 있습니다.

도움이 될 것입니다, 미리 감사드립니다!

Answer 1

플러그인 작성자. Github 저장소에는이 상황을 처리하는 방법의 예가 포함되어 있습니다. 레이아웃을 적용한 선택기에 대한 참조를 유지 한 다음 나중에 wookmark 함수를 다시 호출하여 수동으로 레이아웃을 업데이트 할 수 있습니다. 리포지토리의 "example"폴더에있는 "index.html"을 확인하여 코드를 확인하십시오.

Answer 2

나는 핸들러가 다음 wookamrk 전화를 다시 크기의 경우 etc.just 감지 부트 스트랩 축소 토글하지만 나를 위해 일한 유일한 방법으로 이러한 문제를 해결하기 위해 jquery-resize-plugin 핸들러의 높이를 설정 할 필요 많은 방법을 한 부트 스트랩을 사용하여 시도했다 형세.

handler.resize(function(){ 
handler.wookmark(); 
});