jQuery Mobile tapahtumat

tapahtumia = sivun kyky vastata kaikista erilaisista vieraiden liikkeistä.

jQuery Mobile tapahtumat

Voit käyttää jQuery Mobile:ssa kaikkia standardeja jQuery tapahtumat.

Lisäksi jQuery Mobile tarjoaa useita tapahtumia, jotka on räätälöity mobiiliselaamiseen:

  • Kosketustapahtumat - Kun käyttäjä koskettaa näyttöä (isku ja liukusormi)
  • Rullaus tapahtumat - Kun rullaetaan ylös tai alas
  • Suuntatapahtumat - Kun laite kallistuu pystysuoraan tai vaakasuoraan
  • Sivutapahtumat - Kun sivu näytetään, piilotetaan, luodaan, ladataan sekä tai poistetaan

Jos tarvitset täydellistä tietoa kaikista jQuery Mobile tapahtumista, vieraile jQuery Mobile tapahtumien viittausopas.

Alusta jQuery Mobile tapahtumat

jQuery:ssa olet oppinut käyttämään dokumentin ready-tapahtumaa estääksesi jQuery-koodin suorittamisen ennen kuin dokumentti on ladata (valmis):

jQuery document ready tapahtuma

<script>
$(document).ready(function(){
   // Tämä on jQuery tapahtuma...
});
</script>

Kokeile itse!

Kuitenkin jQuery Mobile:ssa käytämme pageinit-tapahtumaa, joka tapahtuu, kun sivu on käynnistetty ja tyylejä on määritetty.

Toinen parametri osoittaa ("#pageone") osoittaa sivun id ja määrittää tapahtumien:

jQuery Mobile pageinit tapahtuma

<script>
$(document).on("pageinit","#pageone",function(){
   // Tämä on jQuery tapahtuma...
});
</script>

Kokeile itse!

Huomautus:jQuery on() metodi käytetään tapahtumankäsittelijöiden lisäämiseen.

Seuraavissa luvuissa selitetään yksityiskohtaisesti jokainen jQuery Mobile tapahtuma.