jQuery komórkowy Strona wydarzenia
Zdarzenia dotyczące obsługi strony w jQuery mobilne są podzielone na cztery kategorie:
- Strona Inicjalizacja - Przed stworzeniem strony, a gdy strona została stworzona
- Strona załadunku / rozładunku - Gdy strona zewnętrzna jest załadunku, rozładunku lub napotka awarię
- Strona Transition - Przed i po przejściach stronie
- Zmiana strony - gdy strony są zmieniane do lub z, lub napotka awarię
Pełną odniesieniu do wszystkich zdarzeń jQuery telefonów, przejdź do naszej jQuery Telefony zdarzenia Reference .
jQuery Komórka inicjowanie wydarzeń
Przy typowej strony jQuery Mobile została zainicjowana, przechodzi przez dwa etapy:
- Przed stworzeniem strony
- tworzenie stron
Każdy etap jest zdarzenie, które mogą być używane w celu włożenia lub manipulowania kod przed lub po jQuery komórkowy zwiększa stronę.
| Zdarzenie | Opis |
|---|---|
| pagebeforecreate | Wyzwalane, gdy strona ma zostać zainicjowany, a przed jQuery Mobile rozpoczął wzmacnianie stronę |
| pagecreate | Wyzwalane, gdy strona została stworzona, ale zanim poprawa jest kompletna |
Poniższy przykład pokazuje, kiedy każdy Zdarzenie, gdy strona jest tworzony w jQuery komórkowy:
Przykład
$(document).on("pagebeforecreate",function(event){
alert("pagebeforecreate event fired!");
});
$(document).on("pagecreate",function(event){
alert("pagecreate event fired!");
}); Spróbuj sam " jQuery Telefony obciążenia Wydarzenia
Zdarzenia wczytywania strony służą do stron zewnętrznych.
W każdym przypadku gdy strona zewnętrzna jest ładowany do DOM, 2 wydarzenia ogień. Pierwszym z nich jest pagecontainerbeforeload, a drugi będzie albo pagecontainerload (powodzenie) lub pagecontainerloadfailed (fail).
Zdarzenia te są opisane w poniższej tabeli:
| Zdarzenie | Opis |
|---|---|
| pagecontainerbeforeload | Wyzwalane zanim jakikolwiek wniosek ładowania strony jest wykonana |
| pagecontainerload | Wyzwalane po stronie został pomyślnie załadowany i wstawione do DOM |
| pagecontainerloadfailed | Wyzwalane jeżeli żądanie ładowania strony zakończy się niepowodzeniem. Domyślnie, pokaże się komunikat "Błąd ładowania strony" |
Poniższy przykład pokazuje, jak działają pagecontainerload i pagecontainerloadfailed wydarzenia:
Przykład
$(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.");
}); Spróbuj sam " jQuery Telefony Transition Wydarzenia
Możemy również użyć wydarzenia, kiedy przejście od jednej strony do drugiej.
Przejścia stron obejmować dwie strony: a "od" strony i "na" stronę - te przejścia animowanie zmiany z bieżącej aktywnej stronie (fromPage) do nowej strony (toPage) .
| Zdarzenie | Opis |
|---|---|
| pagebeforeshow | Wyzwalane na "do" strony, zanim zacznie się animacja przejścia |
| pageshow | Wyzwalane na "do" strony, po zakończeniu animacji przejścia |
| pagebeforehide | Wyzwalane na stronie "z", przed rozpoczęciem animacji przejścia |
| pagehide | Wyzwalane na stronie "z", po zakończeniu animacji przejścia |
Poniższy przykład pokazuje, w jaki sposób wydarzenia przejściowe działa:
Przykład
$(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");
}); Spróbuj sam "