События Страницы jQuery Mobile
События для обработки страницы в jQuery Mobile представлены четырьмя категориями - инициализация, загрузка/выгрузка, переход и изменение страницы.
События Страницы jQuery Mobile
События для обработки страницы в jQuery Mobile разделены на четыре категории:
- Инициализация Страницы - Перед созданием страницы, когда страница создается, и после того как страница инициализирована
- Загрузка/Выгрузка Страницы - Когда внешняя страница загружается, выгружается или терпит сбой
- Переход Страницы - До и после переходов страницы
- Изменение Страницы - Когда страницы изменяются или происходит сбой
События Инициализации jQuery Mobile
Когда типичная страница в jQuery Mobile инициализируется, она проходит через три этапа:
- До создания страницы
- Создание страницы
- Инициализация страницы
У каждого этапа есть событие, которое может использоваться, чтобы вставлять или управлять кодом прежде чем или после того как jQuery Mobile доработает страницу.
Событие | Описание |
---|---|
pagebeforecreate | Генерируется, когда страница собирается инициализироваться, и перед тем, как jQuery Mobile начинает доводку страницы |
pagecreate | Генерируется, когда страница создается, но перед тем, как доводка завершается |
pageinit | Генерируется, когда страница инициализирована и после того, как jQuery Mobile закончила доводку страницы |
Пример ниже демонстрирует, когда каждое событие происходит при создании страницы в jQuery Mobile:
Пример
alert("произошло событие pagebeforecreate!");
});
$(document).on("pagecreate",function(event){
alert("произошло событие pagecreate!");
});
$(document).on("pageinit",function(event){
alert("произошло событие pageinit!")
});
Попробуйте сами »
События Загрузки jQuery Mobile
События загрузки страницы для внешних страниц.
Всякий раз, когда внешняя страница загружается в DOM, 2 события генерируются. Первым является pagebeforeload, а вторым будет или pageload (успех) или pageloadfailed (сбой).
Эти события объяснены в таблице ниже:
Событие | Описание |
---|---|
pagebeforeload | Генерируется перед тем, как делается запрос загрузки любой страницы |
pageload | Генерируется, после того как страница успешно загружается и вставляется в DOM |
pageloadfailed | Генерируется, если запрос загрузки страницы терпит сбой. По умолчанию, это показывает сообщение "Ошибка Загрузки Страницы" |
Пример ниже демонстрирует, как работают события pageload и pagloadfailed:
Пример
alert("произошло событие pageload!\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert("Извините, запрашиваемая страница не существует.");
});
Попробуйте сами »
События Перехода jQuery Mobile
Мы можем также использовать события для переходов с одной страницы на другую.
Переходы страницы включают две страницы: страница "от" и страница "на" - эти переходы анимируют изменение от текущей активной страницы (fromPage) к новой странице (toPage).
Событие | Описание |
---|---|
pagebeforeshow | Генерируется на странице "на", перед тем, как анимация перехода начинается |
pageshow | Генерируется на странице "на", после того, как анимация перехода завершается |
pagebeforehide | Генерируется на странице "от", перед тем, как анимация перехода начинается |
pagehide | Генерируется на странице "от", после того, как анимация перехода завершается |
Пример ниже демонстрирует, как работают события перехода:
Пример
alert("страница два сейчас будет показана");
});
$(document).on("pageshow","#pagetwo",function(){ // При входе на страницу два
alert("страница два теперь показана");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // Покидая страницу два
alert("страница два сейчас исчезнет");
});
$(document).on("pagehide","#pagetwo",function(){ // Покидая страницу два
alert("страница два теперь исчезла");
});
Попробуйте сами »