throttledresize event

version added: 1.0

설명 : 크기 조정 이벤트에서 핸들러 실행 속도를 제한합니다.

jQuery( ".selector" ).on( "throttledresize", function( event ) { ... } )


jQuery Mobile throttledresize 이벤트는 브라우저가 크기 조정시 연속 콜백을 실행하지 못하게하는 특수 이벤트입니다. throttledresize는 Internet Explorer와 같은 브라우저의 방향 변경에 내부적으로 사용됩니다. throttledresize는 제한된 이벤트가 시간 초과 후에 실행되도록하여 크기 조정이 완료된 후 최종 조건에 의존하는 논리가 여전히 올바르게 실행됩니다.

orientationchange가 기본적으로 지원되지 않으면 throttledresize 이벤트가 트리거됩니다.

이 이벤트는 브라우저 창의 크기가 다음과 같을 때 트리거됩니다.

오리엔테이션 변경 (오리엔테이션 가능 장치);
landspace / portrait 변경 (데스크톱 브라우저 크기 조정)을 복제하는 크기 비율 변경.
이 플러그인은 jQuery의 내장 메소드를 확장합니다. jQuery Mobile이로드되지 않으면 메소드가 여전히 존재하므로 .throttledresize () 메소드를 호출하는 것이 직접 실패하지 않을 수도 있습니다. 그러나 예상 된 동작이 발생하지 않습니다.

var count = 0;
$(function() {
  // Bind an event handler to window throttledresize event that, when triggered,
  // passes a reference of itself that is accessible by the callback function.
  $( window ).on( "throttledresize", throttledresizeHandler );
 
  function throttledresizeHandler( event ) {
    $( "#output-text" ).html( "Event Count: " + ++count );
  }
 
  // You can also manually force this event to fire.
  $( window ).trigger( "throttledresize" );
});