Последние учебники веб-разработки
 

Jquery pagehide событий

<Jquery Мобильные события

пример

Оповещать какой - нибудь текст , когда страница мы переходим далеко from , скрыта:

$(document).on("pagehide","#pagetwo",function(){
  alert("pagehide event fired - pagetwo is now hidden");
});
Попробуй сам "

Определение и использование

Событие pagehide срабатывает на "from" страницы, после начала перехода анимации.

Сопутствующие мероприятия:

  • pagebeforehide - Срабатывает на "from" страницы, до того , как анимация перехода завершается
  • pagebeforeshow - Срабатывает на "to" страницы, до того , как анимация перехода завершается
  • pageshow - Срабатывает на "to" странице, после того , как анимация перехода завершается

Примечание: Данное событие срабатывает каждый раз , когда начинается переход страницы / остановки.


Синтаксис

Для того, чтобы инициировать событие для всех страниц в Jquery Mobile:

$("document").on("pagehide",function(event){...}) Try it

Для того, чтобы инициировать событие для конкретной страницы:

$("document").on("pagehide"," page ",function(event,data){...}) Try it

параметр Описание
function(event,data) Необходимые. Задает функцию для запуска при возникновении события pagehide.

Функция имеет два дополнительных параметра:

  • Объект события - который может содержать любые свойства событий Jquery (например , event.target, event.type и т.д.) См Jquery события Справочник для получения дополнительной информации
  • Объект данных - содержит одно свойство, то СледующаяСтраница, который возвращает страницу мы переходим
page Необязательный. Указывает на идентификатор страницы, чтобы указать событие pagehide для. Для внутренних страниц, используйте #id . Для внешних страниц, используйте externalfile.html .

Попробуйте сами - Примеры

Демонстрация связанных событий
Демонстрация того, что показывает, когда pagebeforeshow, pageshow, pagebeforehide и pagehide огонь.

Объект события
Используя свойство event.timeStamp.

Объект данных
Используя свойство СледующаяСтраница, чтобы вернуть страницу мы переходим.


<Jquery Мобильные события