jQuery Mobile : Was ist die Reihenfolge der Seite Ereignisse auslösen?

Intro

Alle Informationen hier finden Sie auch in meinem blog "ARTIKEL finden Sie auch funktionierende Beispiele.

- A: Initialisierung

A1 - Phonegap-app/framework-Initialisierung mit dem deviceReady Veranstaltung.

Beispiel:

document.addEventListener("deviceReady", yourCallbackFunction, false);

function deviceReady() {

}

Mehr über pause selbst können hier gefunden werden: http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

A2 - jQuery Mobile-app/framework-Initialisierung mit dem mobileinit Veranstaltung.

Beispiel:

$(document).on("mobileinit", function () {

});

Wie um zu überprüfen, ob beide frameworks werden erfolgreich geladen: https://stackoverflow.com/a/12821151/1848600

- B: Seite Wechseln

Ersten allen Veranstaltungen finden Sie hier: http://jquerymobile.com/test/docs/api/events.html

Können sagen, wir haben eine Seite A und eine Seite B, das ist ein Entlade - /lade-Reihenfolge:

1. page B - event pagebeforecreate

2. page B - event pagecreate

3. page B - event pageinit

4. page A - event pagebeforehide

5. page B - event pagebeforeshow

6. page A - event pageremove

7. page A - event pagehide

8. page B - event pageshow

- C: Minimieren der app

Phonegap behandelt diese mit einer pause Veranstaltung.

Beispiel:

document.addEventListener("pause", yourCallbackFunction, false);

Mehr über pause selbst können hier gefunden werden: http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

- D: Wiederherstellen app

Phonegap behandelt diese mit einer fortsetzen Veranstaltung.

Beispiel:

document.addEventListener("resume", yourCallbackFunction, false);

Mehr über pause selbst können hier gefunden werden: http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html

- Abschließende Worte

Gibt es nur wenige andere phonegap und jQM Veranstaltungen und Sie finden Sie in den links erwähnt.

Etwas sollte man nicht in jQM app:

$(document).ready(function(){

});

Grund:

Das erste, was Sie lernen in jQuery ist der Aufruf-code, der in der
$(document).ready () - Funktion, so wird alles ausgeführt, sobald die
DOM geladen ist. Doch, in jQuery Mobile, Ajax verwendet wird, laden Sie die
Inhalt jeder Seite in den DOM, wie Sie navigieren, und die DOM-ready
handler nur ausgeführt wird, für die erste Seite. Um code auszuführen, wenn ein
neue Seite wird geladen und erstellt haben, können Sie binden Sie an das pageinit-Ereignis.
Dieses Ereignis wird im detail erklärt, am Ende dieser Seite.