События Страницы jQuery Mobile

События для обработки страницы в jQuery Mobile представлены четырьмя категориями - инициализация, загрузка/выгрузка, переход и изменение страницы.

События Страницы jQuery Mobile

События для обработки страницы в jQuery Mobile разделены на четыре категории:

  • Инициализация Страницы - Перед созданием страницы, когда страница создается, и после того как страница инициализирована
  • Загрузка/Выгрузка Страницы - Когда внешняя страница загружается, выгружается или терпит сбой
  • Переход Страницы - До и после переходов страницы
  • Изменение Страницы - Когда страницы изменяются или происходит сбой

События Инициализации jQuery Mobile

Когда типичная страница в jQuery Mobile инициализируется, она проходит через три этапа:

  • До создания страницы
  • Создание страницы
  • Инициализация страницы

У каждого этапа есть событие, которое может использоваться, чтобы вставлять или управлять кодом прежде чем или после того как jQuery Mobile доработает страницу.

Событие Описание
pagebeforecreate Генерируется, когда страница собирается инициализироваться, и перед тем, как jQuery Mobile начинает доводку страницы
pagecreate Генерируется, когда страница создается, но перед тем, как доводка завершается
pageinit  Генерируется, когда страница инициализирована и после того, как jQuery Mobile закончила доводку страницы

Пример ниже демонстрирует, когда каждое событие происходит при создании страницы в jQuery Mobile:

Пример

$(document).on("pagebeforecreate",function(event){
  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:

Пример

$(document).on("pageload",function(event,data){
  alert("произошло событие pageload!\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
  alert("Извините, запрашиваемая страница не существует.");
});

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

События Перехода jQuery Mobile

Мы можем также использовать события для переходов с одной страницы на другую.

Переходы страницы включают две страницы: страница "от" и страница "на" - эти переходы анимируют изменение от текущей активной страницы (fromPage) к новой странице (toPage).

Событие Описание
pagebeforeshow Генерируется на странице "на", перед тем, как анимация перехода начинается
pageshow Генерируется на странице "на", после того, как анимация перехода завершается
pagebeforehide Генерируется на странице "от", перед тем, как анимация перехода начинается
pagehide Генерируется на странице "от", после того, как анимация перехода завершается

Пример ниже демонстрирует, как работают события перехода:

Пример

$(document).on("pagebeforeshow","#pagetwo",function(){ // При входе на страницу два
  alert("страница два сейчас будет показана");
});
$(document).on("pageshow","#pagetwo",function(){ // При входе на страницу два
  alert("страница два теперь показана");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // Покидая страницу два
  alert("страница два сейчас исчезнет");
});
$(document).on("pagehide","#pagetwo",function(){ // Покидая страницу два
  alert("страница два теперь исчезла");
});

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

Далее: Все в JavaScript - Объект

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)