Evento di jQuery Mobile

Evento = tutte le diverse azioni che i visitatori possono compiere sul sito web.

Evento di jQuery Mobile

Puoi utilizzare in jQuery Mobile qualsiasi evento standard Eventi jQuery。

Inoltre, jQuery Mobile offre anche una serie di eventi personalizzati per i browser mobili:

  • Eventi di tocco - Attivati quando l'utente tocca lo schermo (colpire e scorrere)
  • Eventi di scorrimento - Attivati quando si scrolla su e giù
  • Eventi di direzione - Attivati quando il dispositivo ruota verticalmente o orizzontalmente
  • Eventi di pagina - Attivati quando la pagina viene visualizzata, nascosta, creata, caricata e/o dismessa

Per informazioni complete su tutti gli eventi jQuery Mobile, visita il nostro Manuale di eventi jQuery Mobile。

Inizializzazione degli eventi jQuery Mobile

In jQuery, hai imparato a utilizzare l'evento ready del documento per impedire che il codice jQuery venga eseguito prima che il documento sia caricato (è pronto):

Evento document ready jQuery

<script>
$(document).ready(function(){
   // Questo è un evento jQuery...
});
</script>

Prova da solo

Tuttavia, in jQuery Mobile, utilizziamo l'evento pageinit, che si verifica quando la pagina è stata inizializzata e i settaggi di stile sono completi.

Il secondo parametro punta a ("#pageone") che indica l'id della pagina per specificare gli eventi:

Evento pageinit jQuery Mobile

<script>
$(document).on("pageinit","#pageone",function(){
   // Questo è un evento jQuery...
});
</script>

Prova da solo

Nota:Il metodo on() di jQuery viene utilizzato per aggiungere gestori di eventi.

I prossimi capitoli spiegheranno ciascun evento di jQuery Mobile in dettaglio.