события Jquery страницы для мобильных устройств
события Jquery страницы для мобильных устройств
События в JQuery Mobile страниц, посвященных разделены на четыре категории:
- Инициализация страницы - до того, как страница создается при создании страницы, и страница после инициализации
- Страница Load / Unload - при внешней страницы погрузки, разгрузки или когда первый терпит неудачу
- Переход страницы - Смена страницы до и после
- Изменение страницы - Когда страница изменена, или отказ лица
Для получения полной информации о всех событиях JQuery Mobile, пожалуйста , посетите наш Справочник по Jquery Mobile Event .
JQuery Mobile Initialization событие
Когда JQuery Mobile в типичной странице инициализируется, она будет проходить через три этапа:
- Перед созданием страницы
- создание страниц
- инициализация страницы
Триггеры событий могут быть использованы на каждом этапе кода операции или вставки.
| событие | описание |
|---|---|
| pagebeforecreate | Когда страница о инициализации, и перед JQuery Mobile расширенной страницы начал инициировать событие. |
| pagecreate | Когда страница была создана, но до завершения усовершенствований, вызвал событие. |
| pageinit | Когда страница инициализации, и после того, как JQuery Mobile усиливается страница была завершена, вызвав событие. |
Следующий пример демонстрирует JQuery Mobile при создании страницы, когда для запуска каждого события:
примеров
предупреждение ( "pagebeforecreate триггером событие!");
});
$ (Документ) .он ( "pagecreate", функция (событие) {
предупреждение ( "pagecreate триггером событие!");
});
Попробуйте »
Событие JQuery Mobile Load
событие загрузки страницы принадлежит внешней страницы.
Всякий раз, когда внешняя страница загрузки DOM, будет запущено два события. Первый pagebeforeload, второй Pageload (успех) или pageloadfailed (отказ).
В следующей таблице описаны эти события:
| событие | описание |
|---|---|
| pagebeforeload | До любого запроса на страницы для загрузки на спусковой крючок. |
| Pageload | Страница была успешно загружена и вставил DOM срабатывает. |
| pageloadfailed | Если запрос загрузки страницы завершается неудачно, событие срабатывает. По умолчанию, будет отображаться "Ошибка при загрузке страницы" сообщение. |
Следующая презентация Pageload и pagloadfailed событие работы:
примеров
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
Попробуйте »
JQuery Мобильный событие перехода
Мы также можем использовать событие во время перехода от одного к другому.
Page переходы с участием двух страниц: а "на" страницу и "Go" страницы - эти переходы сделать текущую активную страницу ( "на" страницы) на новую страницу ( "перейти к" изменить курс страница становится более динамичным.
| событие | описание |
|---|---|
| pagebeforeshow | На странице "идти" срабатывает перед началом перехода анимации. |
| pageshow | В триггером экрана "идти", после завершения перехода анимации. |
| pagebeforehide | В "на" триггера страницы, перед началом перехода анимации. |
| pagehide | В "до" триггером экрана, после завершения анимации перехода. |
Следующее иллюстрирует принцип времени перехода:
примеров
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Попробуйте »