jQuery Mobile Événements

Événements = les actions de réponse de tous les différents visiteurs lorsqu'ils visitent la page.

jQuery Mobile Événements

Dans jQuery Mobile, vous pouvez utiliser n'importe quel événementjQuery standard 。

De plus, jQuery Mobile fournit également des événements pour les navigateurs mobiles :

  • Événements tactiles - déclenchés lorsque l'utilisateur touche l'écran
  • Événements de balayage - déclenchés lorsque l'utilisateur balaie vers le haut ou vers le bas
  • Événements d'orientation - déclenchés lorsque l'appareil est tourné horizontalement ou verticalement
  • Événements de page - déclenchés lorsque la page est affichée, masquée, créée, chargée ou ne parvient pas à se charger

Initialiser les événements jQuery Mobile

Lors de l'apprentissage de jQuery, nous avons appris à utiliser $(document).ready() pour que vos scripts de code jQuery s'exécutent uniquement après le chargement complet des éléments DOM :

Événement document ready de jQuery

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

   // écrire des méthodes jQuery...

});
</script>

Essayez-le vous-même »

Cependant, dans jQuery Mobile, utilisez l'événement pageinit pour définir les scripts de code à exécuter après le chargement complet des éléments DOM, donc pour exécuter des scripts lorsqu'une nouvelle page est chargée et créée, vous devez lier l'événement pageinit.

Le deuxième paramètre(#pageone) est l'identifiant de page de l'événement spécifié :

Événement pagecreate de jQuery Mobile

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

   // événement jQuery...

});
</script>

Essayez-le vous-même »

lamp  Remarque :La méthode on() de jQuery est utilisée pour lier des événements aux éléments sélectionnés.

Dans le chapitre suivant, nous présenterons les événements jQuery Mobile plus en détail.

Autres extensions