jQuery Mobile Evenementen

evenement gebruiken = alle verschillende acties die bezoekers kunnen uitvoeren op de pagina.

jQuery Mobile Evenementen

U kunt in jQuery Mobile elk standaard jQuery evenementen.

Daarnaast biedt jQuery Mobile ook verschillende evenementen die zijn aangepast voor mobiele browsers:

  • Touch gebeurtenissen - worden geactiveerd wanneer de gebruiker het scherm raakt (tappen en swipen)
  • Scroll gebeurtenissen - worden geactiveerd wanneer er wordt gescrolld omhoog of omlaag
  • Richting gebeurtenissen - worden geactiveerd wanneer het apparaat horizontaal of verticaal wordt gedraaid
  • Pagina gebeurtenissen - worden geactiveerd wanneer een pagina wordt weergegeven, verborgen, gecreëerd, geladen en / of verwijderd

Voor volledige informatie over alle jQuery Mobile gebeurtenissen, bezoek onze jQuery Mobile evenementen referentiemanual.

Initialisatie van jQuery Mobile gebeurtenissen

In jQuery hebt u geleerd om de document ready gebeurtenis te gebruiken om jQuery-code te voorkomen dat het wordt uitgevoerd voordat de document is geladen (is klaar):

jQuery document ready gebeurtenis

<script>
$(document).ready(function(){
   // Dit is een jQuery evenement...
});
</script>

Probeer het zelf uit

Echter, in jQuery Mobile gebruiken we de pageinit gebeurtenis, die optreedt nadat de pagina is geïnitieerd en de stijlinstellingen zijn voltooid.

De tweede parameter wijst naar ("#pageone") en geeft de id van de pagina aan om de gebeurtenissen voor te specificeren:

jQuery Mobile pageinit gebeurtenis

<script>
$(document).on("pageinit","#pageone",function(){
   // Dit is een jQuery evenement...
});
</script>

Probeer het zelf uit

Opmerking:De jQuery on() methode wordt gebruikt om event handlers toe te voegen.

De volgende hoofdstukken zullen elk jQuery Mobile evenement in detail uitleggen.