Обработчик изменения окна браузера .resize()
Метод имеет три варианта использования.
.resize( handler )
- handler — функция, которая будет установлена в качестве обработчика.
.resize( [eventData ], handler )
- eventData – объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате
{fName1:value1, fName2:value2, ...}
; - handler — функция, которая будет установлена в качестве обработчика.
.resize()
В первых двух вариантах использования, метод является аналогом .on("resize", handler)
, а в третьем случае аналогом .trigger( "resize" )
.
События resize
происходит, когда изменяются размеры объекта window
(окна браузера):
$( window ).resize(function() { $( "#log" ).append( "<div>Handler for .resize() called.</div>" ); });
Теперь, если размер окна изменится, в элемент с id = "log"
будет добавлен блок с надписью Handler for .resize() called.
В коде обработчике вызова события resize
не стоит использовать привязку к количеству событий изменения размера окна, потому что в зависимости от браузера это количество будет отличаться. В IE и браузерах на основе WebKit (Safari и Chrome) это событие вызывается постоянно по мере изменения размеров окна, в то время как в других браузерах (особенно в Firefox), событие resize
может быть вызвано только при завершении изменения размеров окна.
Дополнительно
Событие resize()
является лишь сокращением для .on("resize", handler)
, поэтому убрать установленный обработчик можно с помощью .off( "resize" )