JQuery Mobile страница События
События для обработки страниц в Jquery Mobile разделены на четыре категории:
- Страница инициализации - Перед созданием страницы, и когда страница была создана
- Page Load / Unload - Когда внешняя страница загрузки, выгрузки или сталкивается с ошибкой
- Страница перехода - До и после переходов страниц
- Изменение страницы - При изменении страниц или из, или произошел сбой
Для полного ведения всех событий JQuery Mobile, пожалуйста , перейдите на наш JQuery Mobile Events Reference .
JQuery Mobile Инициализационные События
Когда типичная страница в JQuery Mobile инициализируется, он проходит через два этапа:
- Перед созданием страницы
- создание страниц
Каждый этап имеет событие, которое может быть использовано для вставки или манипулировать кода перед или когда JQuery Mobile повышает страницу.
| Мероприятие | Описание |
|---|---|
| pagebeforecreate | Срабатывает, когда страница собирается быть инициализирован, и перед JQuery Mobile начал повышение страницы |
| pagecreate | Срабатывает, когда страница была создана, но прежде, чем повышение завершено |
Приведенный ниже пример показывает, когда каждый вызывается событие, когда страница создается в JQuery Mobile:
пример
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); Попробуй сам " JQuery Mobile загружаемыми
события при загрузке страницы предназначены для внешних страниц.
Всякий раз, когда внешняя страница загружается в DOM, 2 события огня. Первый pagecontainerbeforeload, а второй будет либо pagecontainerload (успех) или pagecontainerloadfailed (сбой).
Эти события описаны в таблице ниже:
| Мероприятие | Описание |
|---|---|
| pagecontainerbeforeload | Срабатывает до принятия запроса любой загрузки страницы |
| pagecontainerload | Срабатывает после того, как страница была успешно загружена и вставляется в DOM |
| pagecontainerloadfailed | Срабатывает, если запрос загрузки страницы терпит неудачу. По умолчанию, он будет отображаться сообщение "Ошибка при загрузке страницы" |
В приведенном ниже примере показано, как pagecontainerload и pagecontainerloadfailed события работают:
пример
$(document).on("pagecontainerload",function(event,data){
alert("pageload
event fired!\nURL: " + data.url);
});
$(document).on("pagecontainerloadfailed",function(event,data){
alert("Sorry, requested page does not exist.");
}); Попробуй сам " JQuery Mobile Переходные события
Мы также можем использовать события для того, когда мы переходим от одной страницы к другой.
Page переходы включают две страницы: а "от" страниц и "на" страницы - эти переходы анимировать изменение по сравнению с текущей активной страницы (fromPage) на новую страницу (toPage) .
| Мероприятие | Описание |
|---|---|
| pagebeforeshow | Срабатывает на "на" странице, перед началом перехода анимации |
| pageshow | Срабатывает на "на" странице, после того , как анимация перехода завершается |
| pagebeforehide | Срабатывает на странице "от", до начала анимации перехода |
| pagehide | Срабатывает на странице "от", после того , как анимация перехода завершается |
В приведенном ниже примере показано, как работают переходные события:
пример
$(document).on("pagebeforeshow","#pagetwo",function(){ // When entering
pagetwo
alert("pagetwo is about to be shown");
});
$(document).on("pageshow","#pagetwo",function(){
// When entering pagetwo
alert("pagetwo is now shown");
});
$(document).on("pagebeforehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is about to be hidden");
});
$(document).on("pagehide","#pagetwo",function(){
// When leaving pagetwo
alert("pagetwo is now hidden");
}); Попробуй сам "