jQuery Mobile event

händelser = alla olika handlingar som besökare kan utföra på webbsidan.

jQuery Mobile event

Du kan använda alla standard jQuery händelser.

Dessutom erbjuder jQuery Mobile också flera specifika händelser för mobila webbläsare:

  • Berörningshändelser - utlöses när användaren berör skärmen (klick och drag)
  • Rullhändelser - utlöses när man rullar upp eller ner
  • Riktningshändelser - utlöses när enheten roterar vertikalt eller horisontellt
  • Sidhändelser - utlöses när en sida visas, göms, skapas, laddas och/eller avlastas

För fullständig information om alla jQuery Mobile-händelser, besök vår jQuery Mobile händelsesreferenshandbok.

Initiera jQuery Mobile händelser

I jQuery har du redan lärt dig att använda dokument ready-händelsen för att förhindra att jQuery-kod körs innan dokumentet har laddats klart (är redo):

jQuery document ready händelse

<script>
$(document).ready(function(){
   // Här är jQuery event...
});
</script>

Prova själv

Emellertid använder vi pageinit-händelsen i jQuery Mobile, som inträffar när sidan har initierats och stilinställningarna är klara.

Den andra parametern pekar på ("#pageone") som pekar på sidans id för att specificera händelserna:

jQuery Mobile pageinit händelse

<script>
$(document).on("pageinit","#pageone",function(){
   // Här är jQuery event...
});
</script>

Prova själv

Kommentar:jQuery on() metoden används för att lägga till eventhanterare.

Nästa kapitel kommer att utföra varje jQuery Mobile event i detalj.