throttledresize

Событие jQuery Mobile throttledresize является специальным событием, которое предотвращает выполнение браузером непрерывных обратных вызовов при изменении размера. throttledresize используется внутри для события orientationchange в браузерах, таких как Internet Explorer. throttledresize гарантирует, что удержанное событие будет выполнено после таймаута, поэтому логика, зависящая от конечных условий после завершения изменения размера, будет выполнена корректно.

Событие throttledresize срабатывает, если событие orientationchange не поддерживается браузером в родном виде.

Это событие срабатывает, когда окно браузера изменяет размеры из-за:

1. изменения ориентации (устройство с поддержкой ориентации);
2. изменения соотношения размеров, имитирующего изменение ландшафт/портрет (изменение размера окна браузера на компьютере).

Этот плагин расширяет встроенный метод 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" );
});

Посетите это на устройстве с поддержкой ориентации, чтобы увидеть это в действии!