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