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

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

jquery one()

.one( типСобытия, [ данныеСобытия ], обработчик(объектСобытия))

Возвращает: jQuery

Описание: Прикрепляет обработчик события для элементов. Обработчик выполняется не более одного раза на каждый элемент.

.one( типСобытия, [ данныеСобытия ], обработчик(объектСобытия) )

Добавлена в версию: 1.1
типСобытия
Строка, содержащая один или несколько типов событий JavaScript, такие как "click" или "submit", или пользовательские имена событий.
данныеСобытия
Карта данных, которые будут переданы в обработчик события.
обработчик(объектСобытия)
Функция, выполняемая каждый раз, когда событие вызванно.

Этот метод идентичен .bind(), за исключением того, что обработчик освобождается после своего первого вызова. Например:

$('#foo').one('click', function() {
 alert('This will be displayed only once.');
});

После выполнения кода, нажатие на элемент с идентификатором Foo выдаст предупреждение. Последующие клики ничего не дадут. Этот код эквивалентен:

$('#foo').bind('click', function(event) {
 alert('This will be displayed only once.');
 $(this).unbind(event);
});

Иными словами, явный вызов .unbind() в рамках регулярно связанных обработчиков имеет точно такой же эффект.

Примеры

Пример 1

Связывание одиночного клика с каждым элементом div.
 var n = 0;
 $("div").one("click", function(){
 var index = $("div").index(this);
 $(this).css({ borderStyle:"inset",
 cursor:"auto" });
 $("p").text("Div at index #" + index + " clicked." +
 " That's " + ++n + " total clicks.");
 });


Пример 2

Отображение текста параграфа в сообщении alert после одного клика на каждом из них:
$("p").one("click", function(){
 alert( $(this).text() );
});

Категория: JQuery уроки | Добавил: ChronoW (21.11.2012)
Просмотров: 763 | Теги: jquery one() | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: