Вторник, 07.01.2025, 06:50
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery уроки

load()
Привязывает обработчик события к событию "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');
 }
});
Категория: JQuery уроки | Добавил: ChronoW (10.01.2013)
Просмотров: 828 | Комментарии: 1 | Теги: jQuery load(), Load | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: