jQuery Mobilna strona wydarzenia
jQuery Mobilna strona wydarzenia
Zdarzenia w jQuery stron mobilnych zajmujących są podzielone na cztery kategorie:
- Strona Inicjalizacja - przed utworzeniem strony, gdy strona jest tworzona, a strona po inicjalizacji
- Strona załadunku / rozładunku - gdy zewnętrzna strona załadunku, wyładunku lub gdy pierwsza zawiedzie
- Transition Page - strona przejście przed i po
- Zmiana strony - Gdy strona zostanie zmieniony lub awaria twarzy
Aby uzyskać pełne informacje o wszystkich wydarzeniach jQuery telefonów, odwiedź naszą Instrukcja jQuery komórkowy Event .
Zdarzenie jQuery Komórka inicjalizacji
Gdy jQuery Komórka w typowym stronie jest inicjowany, będzie przejść przez trzy etapy:
- Przed stworzeniem strony
- tworzenie stron
- Strona inicjalizacji
wyzwalacze zdarzeń mogą być stosowane w każdym etapie kodu operacyjnego lub wkładki.
| wydarzenie | opis |
|---|---|
| pagebeforecreate | Gdy strona ma zamiar zainicjować, a przed wzmocnionej stronie jQuery Mobile zaczęły wyzwalać zdarzenia. |
| pagecreate | Gdy strona została stworzona, ale przed zakończeniem akcesoriów wywołał zdarzenie. |
| pageinit | Gdy strona jest inicjowany, a po stronie jQuery Komórka wzmocniona została zakończona, wywołując zdarzenie. |
Poniższy przykład demonstruje jQuery Mobile, podczas tworzenia strony, kiedy wywołać każde zdarzenie:
Przykłady
alert ( "pagebeforecreate spustowy wydarzeniem!");
});
$ (Document) .Na ( "pagecreate", function (event) {
alert ( "pagecreate spustowy wydarzeniem!");
});
Spróbuj »
Impreza Załaduj jQuery komórkowy
Zdarzenie ładowania strony należy do strony zewnętrznej.
Ilekroć zewnętrzny Ładowanie strony DOM, zostanie wyzwolony dwa wydarzenia. Pierwszym z nich jest pagebeforeload, drugi pageload (sukces) lub pageloadfailed (awaria).
Poniższa tabela opisuje te wydarzenia:
| wydarzenie | opis |
|---|---|
| pagebeforeload | Przed każdą prośbę o wczytanie strony spust. |
| pageload | Strona została pomyślnie załadowany i wstawiono DOM wyzwolone. |
| pageloadfailed | Jeżeli wniosek strona załadowała się nie powiedzie, zdarzenia. Domyślnie zostanie wyświetlony komunikat "Błąd ładowania strony". |
Poniższy pageload prezentacji i pagloadfailed wydarzeniem działa:
Przykłady
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
Spróbuj »
Impreza przejścia jQuery komórkowy
Możemy również użyć zdarzenia w okresie przechodzenia od jednego do następnego.
Przejścia z udziałem dwóch stron: A "do" stronę i stronę "Go" - te przejścia dokonać aktualny aktywną stronę ( "na" stronę) do nowej strony ( "idź do" zmiany kursu staje stronę bardziej dynamiczny.
| wydarzenie | opis |
|---|---|
| pagebeforeshow | Na stronie "Go" wywołał przed rozpoczęciem animacji przejścia. |
| pageshow | W "Go" wyzwalacz ekranu, po zakończeniu animacji przejścia. |
| pagebeforehide | W "na" stronie spustowej, przed rozpoczęciem animacji przejścia. |
| pagehide | W "do" wyzwalania ekranu, po zakończeniu animacji przejścia. |
Poniżej przedstawiono zasadę czas przejścia:
Przykłady
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Spróbuj »