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...
});

2. Touch-Ereignis

Tap-Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt

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

swipe Das Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel horizontal auf einem Element gleitet

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

swipeleft Das Ereignis wird ausgelöst, wenn der Benutzer mehr als 30 Pixel von links auf einem Element gleitet

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

(iOS-Geräte frieren den DOM-Vorgang ein, wenn das Scroll-Ereignis auftritt)

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

Vor der Seitenerstellung, wann Seite wird erstellt und nach der Seiteninitialisierung

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.

pagecreate Dieses Ereignis wird ausgelöst, wenn die Seite erstellt wurde, aber bevor die Erweiterung abgeschlossen ist.

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】

pagebeforeload wird ausgelöst, bevor eine Seitenladeanforderung gestellt wird.

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

pageloadfailed Dieses Ereignis wird ausgelöst, wenn die Seitenladeanforderung fehlschlägt. Standardmäßig wird die Meldung „Fehler beim Laden der Seite“ angezeigt.

[Übergangsereignis]

pagebeforeshow wird auf der Seite „Los“ ausgelöst, bevor die Übergangsanimation beginnt.

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){})

Weitere Informationen zur jQuery-Mobile-Ereignisüberwachung und detaillierte Artikel zur Verwendung finden Sie auf der chinesischen PHP-Website!

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