jQuery Mobile Ereignisse

Ereignisse = die Reaktionsaktionen aller unterschiedlichen Besucher beim Besuch der Seite.

jQuery Mobile Events

In jQuery Mobile können Sie alle standardmäßigenjQuery-Ereignisse verwenden 。

Darüber hinaus bietet jQuery Mobile auch Ereignisse für mobile Browser:

  • Touch-Ereignisse - ausgelöst, wenn der Benutzer den Bildschirm berührt
  • Swipe-Ereignisse - ausgelöst, wenn der Benutzer nach oben oder unten wischt
  • Orientierungsereignisse - ausgelöst, wenn das Gerät horizontal oder vertikal gedreht wird
  • Seitenereignisse - ausgelöst, wenn die Seite angezeigt, ausgeblendet, erstellt, geladen wird oder nicht geladen werden kann

jQuery Mobile-Ereignisse initialisieren

Beim Erlernen von jQuery haben wir gelernt, $(document).ready() zu verwenden, damit Ihre jQuery-Code-Skripte erst ausgeführt werden, nachdem die DOM-Elemente vollständig geladen wurden:

jQuery document ready-Ereignis

<script>
$(document).ready(function(){

   // jQuery-Methoden schreiben...

});
</script>

Selbst ausprobieren »

In jQuery Mobile verwenden Sie jedoch das pageinit-Ereignis, um Code-Skripte so festzulegen, dass sie ausgeführt werden, nachdem die DOM-Elemente vollständig geladen wurden. Um Skripte auszuführen, wenn eine neue Seite geladen und erstellt wird, müssen Sie das pageinit-Ereignis binden.

Der zweite Parameter(#pageone) ist die Seiten-ID des angegebenen Ereignisses:

jQuery Mobile pagecreate-Ereignis

<script>
$(document).on("pagecreate","#pageone",function(){

   // jQuery-Ereignis...

});
</script>

Selbst ausprobieren »

lamp  Hinweis:Die jQuery on()-Methode wird verwendet, um Ereignisse an ausgewählte Elemente zu binden.

Im nächsten Kapitel werden wir jQuery Mobile-Ereignisse ausführlicher vorstellen.

Andere Erweiterungen