Привязывает обработчик события к событию "load" JavaScript.
.load( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция
Функция выполняется каждый раз, когда вызывается событие.
.load( [ данныеСобытия ], handler(объектСобытия) )
Добавлена в версию: 1.4.3
Карта данных, которая будет передан в обработчик событий.
handler(объектСобытия)
Функция
Функция выполняется каждый раз, когда вызывается событие.
Этот метод является сокращением для .bind('load', handler) .
Событие load передается элементу, когда он и все его под-элементы полностью загруженны.
Это событие может быть посланно любому элементу, ассоциируемому с URL: изображения, сценарии, фреймы, i-фреймы, и объект window .
Возможно, что событие загрузки не будет запущенно если изображение
загруженно из памяти браузера. Чтобы учесть эту возможность, мы можем
использовать специальное событие загрузки, которое запускается
немедленно если изображение готово. event.special.load в настоящее время доступно как плагин.
Для примера, рассмотрим страницу с простым изображением:
<img src="book.png" alt="Book" id="book" />
Обработчик события может быть привязан к изображению:
$('#book').load(function() {
// Handler for .load() called.
});
Как только изображение загруженно, вызывается обработчик.
В общем, не надо ждать, пока все изображения будут полностью загружены.
Если код может быть выполнен ранее, как правило, лучше поместить его в обработчик, посылаемый в метод .ready() .
Модуль Ajax также имеет метод, называемый .load() .
Который запускается в зависимости от посылаемых аргументов.
Примеры
Пример 1
Запускает функцию, когда страница уже полностью загружена, включая графику:
$(window).load(function () {
// run code
});
Пример 2
Добавляет класс bigImg ко всем изображениям, высота которых более чем 100px, после каждой загрузки изображений:
$('img.userIcon').load(function(){
if($(this).height() > 100) {
$(this).addClass('bigImg');
}
});
|