Eventos de jQuery Mobile

Evento = todas las diferentes acciones que pueden responder el sitio web de los visitantes.

Eventos de jQuery Mobile

Puedes usar cualquier evento estándar Eventos de jQuery

Además, jQuery Mobile también ofrece varios eventos personalizados para navegadores móviles:

  • Eventos táctiles - Se activan cuando el usuario toca la pantalla (toque y deslizamiento)
  • Eventos de desplazamiento - Se activan cuando se desplaza hacia arriba o hacia abajo
  • Eventos de orientación - Se activan cuando el dispositivo se rota vertical u horizontalmente
  • Eventos de página - Se activan cuando la página se muestra, oculta, crea, carga y / o desecha

Para obtener información completa sobre todos los eventos de jQuery Mobile, por favor visita nuestra Manual de eventos de jQuery Mobile

Inicialización de eventos de jQuery Mobile

En jQuery, ya has aprendido a usar el evento ready del documento para evitar que el código de jQuery se ejecute antes de que el documento se haya cargado completamente (esté listo):

Evento document ready de jQuery

<script>
$(document).ready(function(){
   // Aquí está el evento de jQuery...
});
</script>

Pruebe usted mismo

Sin embargo, en jQuery Mobile, usamos el evento pageinit, que ocurre después de que la página se ha inicializado y se han completado los ajustes de estilo.

El segundo parámetro apunta a ("#pageone") que apunta al id de la página para especificar los eventos:

Evento pageinit de jQuery Mobile

<script>
$(document).on("pageinit","#pageone",function(){
   // Aquí está el evento de jQuery...
});
</script>

Pruebe usted mismo

Notas:El método on() de jQuery se utiliza para agregar programadores de eventos.

Los siguientes capítulos detallarán cada evento de jQuery Mobile.