пример
Оповещать какой - нибудь текст , когда страница мы переходим, как показано ниже:
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow
event fired - pagetwo is now shown");
}); Попробуй сам " Определение и использование
Событие pageshow запускается на "to" странице, после того , как анимация перехода завершается.
Сопутствующие мероприятия:
- pagebeforeshow - Срабатывает на "to" странице, перед началом перехода анимации
- pagebeforehide - Срабатывает на "from" страницы, до начала перехода анимации
- pagehide - Срабатывает на "from" страницы, после того , как анимация перехода завершается
Примечание: Данное событие срабатывает каждый раз , когда начинается переход страницы / остановки.
Синтаксис
Для того, чтобы инициировать событие для всех страниц в Jquery Mobile:
$("document").on("pageshow",function(event){...})
Try it
Для того, чтобы инициировать событие для конкретной страницы:
$("document").on("pageshow"," page ",function(event,data){...})
Try it
| параметр | Описание |
|---|---|
| function(event,data) | Необходимые. Задает функцию для запуска при возникновении события pageshow. Функция имеет два дополнительных параметра:
|
| page | Необязательный. Указывает на идентификатор страницы, чтобы указать событие pageshow для. Для внутренних страниц, используйте #id . Для внешних страниц, используйте externalfile.html . |
Попробуйте сами - Примеры
Демонстрация связанных событий
Демонстрация того, что показывает, когда pagebeforeshow, pageshow, pagebeforehide и pagehide огонь.
Объект события
Используя свойство Event.type вернуть сработавший тип события.
Объект данных
Используя свойство prevPage, чтобы вернуть страницу мы переходим от.