jQuery Mobile: Wann sollte ich „pageinit' anstelle von „$(document).ready()' verwenden?

jQuery Mobile: Document Ready vs. Page Events

Den Unterschied verstehen

jQuery Mobile hat Seitenereignisse eingeführt, um eine Beschränkung von $(document) zu beheben .ready(), das möglicherweise ausgelöst wird, bevor mobile Seiten geladen werden, und zu Problemen führen kann. Seitenereignisse wie pageinit bieten eine detailliertere Möglichkeit, Code im Zusammenhang mit bestimmten Seiten auszuführen.

Reihenfolge der Seitenereignisse

Beim Übergang von einer Seite zur anderen die Reihenfolge der Seitenereignisse ist:

1. Entladen Ereignisse

   • Seite vor dem Entladen
   • Seite entladen
   • Seite entfernen

2. Laden Ereignisse

   • pagebeforecreate
   • pagecreate
   • pageinit

3. Einblenden/Ausblenden Ereignisse

   • pagebeforeshow
   • pageshow
   • pagebeforehide
   • pagehide

Datenweitergabe

Um Daten zwischen Seiten zu senden, verwenden Sie die Daten- oder URL-Eigenschaft der Funktion $.mobile.changePage(). Um auf die Daten auf der Empfangsseite zuzugreifen, verwenden Sie die Methoden $(this).data() oder $(this).attr("data-url").

Code-Organisation

Für Für eine bessere Codeorganisation wird empfohlen, den Seiteninitialisierungscode in einer JavaScript-Datei getrennt aufzubewahren. Für globale Einstellungen verwenden Sie das Ereignis mobileinit.

Verhindern von Seitenübergängen

Um Seitenübergänge basierend auf bestimmten Bedingungen zu verhindern, verwenden Sie das Ereignis pagebeforechange und die Methode e.preventDefault().

Verhindern mehrerer Ereignisbindungen

Um mehrere Ereignisbindungen zu verhindern, verwenden Sie pageinit für die Ereignisbehandlung oder entfernen Sie Ereignishandler bevor Sie sie erneut binden.

Seitenzeiten

Seitenübergänge umfassen das Laden, Verbessern (Styling) und Ausführen von Übergängen. Die durchschnittliche Ausführungszeit für einen Übergang beträgt etwa 670 Millisekunden.

Datenmanipulation zwischen Seiten

Hier sind einige Methoden zum Bearbeiten von Daten zwischen Seiten:

• Methode 1: Verwenden Sie dataUrl oder Datenparameter mit $.mobile.changePage().
• Methode 2: Verwenden Sie ein jQuery-Plugin wie Multiple Popups von John Bale.
• Methode 3: Daten speichern im $(document)-Objekt mit $(document).data().

Das obige ist der detaillierte Inhalt vonjQuery Mobile: Wann sollte ich „pageinit' anstelle von „$(document).ready()' verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!