Detaillierte Erläuterung der jQuery-mobile-Ereignisüberwachung und -nutzung

Die Beispiele in diesem Artikel beschreiben die Ereignisüberwachung und -nutzung von jQuery-Mobile. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Touch-Ereignis – wird ausgelöst, wenn der Benutzer den Bildschirm berührt (Tippen und Schieben)
Scroll-Ereignis – wird ausgelöst, wenn nach oben und unten gescrollt wird
Richtungsereignis – wenn das Gerät
Seitenereignis ausgelöst wird, wenn vertikale oder horizontale Drehung – ausgelöst wird, wenn die Seite angezeigt, ausgeblendet, erstellt, geladen und/oder entladen wird

1. Initialisierungsereignis

1. Laden der fertigen Ereignisseite abgeschlossen

$(document).ready(function(){
  //your code here...
});

🎜>

$(document).on('pageinit','#pageone',function(){
  //your code here...
});

Taphold-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt und es hält für eine Sekunde

$(元素).on('事件',funciton(){
  //code here...
})

swiperight Das Ereignis ist Wird ausgelöst, wenn der Benutzer mehr als 30 Pixel von links auf einem Element gleitet. Es wird ausgelöst, wenn die rechte Folie 30 Pixel überschreitet Seite

Das Scrollstop-Ereignis wird ausgelöst, wenn der Benutzer aufhört, auf der Seite zu scrollen

4. Ausrichtung (horizontale und vertikale Bildschirmdrehung)

Das Ausrichtungsänderungsereignis wird ausgelöst, wenn der Benutzer das Mobilgerät vertikal oder horizontal dreht

Kann horizontale und vertikale Bildschirme durch window.orientation erkennen

Seite laden/entladen – wenn externe Seite geladen, entladen wird oder fehlschlägt
Seitenübergang – vor und nach dem Seitenübergang
Seitenwechsel – wenn die Seite geändert wird oder auf sie stößt ein Fehler

[Initialisierungsereignis]

pagebeforecreate Dieses Ereignis wird ausgelöst, wenn die Seite initialisiert werden soll und bevor jQuery Mobile mit der Verbesserung der Seite begonnen hat.

pageinit Dieses Ereignis wird ausgelöst, wenn die Seite initialisiert wurde und nachdem jQuery Mobile die Seitenverbesserungen abgeschlossen hat.

$(window).on("orientationchange",function(){
 if(window.orientation == 0) // Portrait
 {
  $("p").css({"background-color":"yellow","font-size":"300%"});
 }
 else // Landscape
 {
  $("p").css({"background-color":"pink","font-size":"200%"});
 }
});

【Ladeereignis】

pageload wird ausgelöst, nachdem die Seite erfolgreich geladen und in das DOM eingefügt wurde.

pageshow wird auf der „bis“-Seite ausgelöst, nachdem die Übergangsanimation abgeschlossen ist.
pagebeforehide wird auf der „kommenden“ Seite ausgelöst, bevor die Übergangsanimation beginnt.
pagehide wird auf der „kommenden“ Seite ausgelöst, nachdem die Übergangsanimation abgeschlossen ist.

$(document).on("pagebeforecreate",function(event){})

$(document).on("pageload",function(event,data){})