2012-12-12 2 views
2

javascript로 수정 된 콘텐츠가있는 페이지가 있습니다. 콘텐츠의 크기가 변경 될 때 트리거되는 이벤트 리스너를 만들고 싶습니다. 나는 이것을 원하지 않는다 :Jquery trigger on body 크기 조정

$(window).resize(...); 

이것은 사용자가 브라우저 창 크기를 바꿀 때와 같이 창 크기가 바뀔 때 트리거된다. 나는 이것을 시도했다 :

$('body').resize(...); 

그러나 그것은 유발하지 않는다. 콘텐츠로 인해 페이지 크기가 변경 될 때 트리거되는 이벤트를 만들려면 어떻게해야합니까? 나는 또한 일반 자바 스크립트 솔루션에 개방적이다.

+0

조심 이렇게하면 초 당 수백 개의 이벤트가 발생합니다. –

+0

콘텐츠가 크기 조정으로 수정되는 경우 http://mediaqueri.es/ – lante

+0

을 사용하는 것이 좋습니다. 당신이 바뀌 자마자 그것을 필요로합니까? 그렇지 않으면 이전에 설정된 크기를 확인하기 위해 간격을 설정합니다. 변경된 경우 해당 항목이 변경됩니다. –

답변

9

기본적으로 jQuery는 해당 이벤트를 window에서만 사용할 수 있지만 다른 요소에 바인딩 할 수있는 하나 이상의 plugin이 있습니다. 나는 그것을 사용하는 것이 좋습니다 것입니다. 당신은 다음과 비슷한 뭔가를 할 수이와

,

처럼
$("#unicorns").resize(function(e){ 
    // do something when #unicorns element resizes 
}); 
1

U는 접근 사용할 수 있습니다

$(elem).append('<iframe id="frame0" name="frame0" width=100% height=100% style="position:absolute;top:0px;z-index:-1"></iframe>'); 
frame0.onresize = function() { 
    //..do something ”” 
} 

을 그리고 이것은 각 ELEM 크기 변화에 트리거)