Обработчик или источник события resize

.resize()

Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие. Метод имеет три варианта использования:

.resize(handler(eventObject)):jQueryv:1.0

Устанавливает функцию handler в качестве обработчика события resize, на выбранные элементы.
Метод является аналогом bind("resize", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

.resize(eventData, handler(eventObject)):jQueryv:1.4.3

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("resize", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: {fName1:value1, fName2:value2, ...}.

.resize():jQueryv:1.0

Вызывает событие resize, у выбранных элементов страницы. Метод является аналогом trigger("resize").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования resize(), можно найти в описании этих методов.

Следует помнить, что в различных браузерах событие resize вызывается разное количество раз. В IE и браузерах на основе WebKit (Safari и Chrome) это событие вызывается постоянно по мере изменения размеров окна, в то время как в других браузерах (особенно в Firefox), событие resize может быть вызвано только при завершении изменения размеров окна.

Пример

// установим обработчик события resize
$(window).resize(function(){
  alert('Размеры окна браузера изменены.');
});
 
// вызовем событие resize
$(window).resize();

Ссылки

Поисковые ключи:
  • изменение размеров окна браузера
  • обработка изменения размеров окна браузера
  • обработка события resize
  • обработчик события resize
  • .resize()
  • resize()