Eventos do jQuery Mobile

Evento = todas as diferentes ações que os visitantes podem executar no site.

Eventos do jQuery Mobile

Você pode usar qualquer evento padrão no jQuery Mobile: Eventos do jQuery.

Além disso, o jQuery Mobile também oferece vários eventos personalizados para navegadores móveis:

  • Eventos de toque - acionados quando o usuário toca na tela (toque e arraste)
  • Eventos de rolagem - acionados quando há rolagem para cima ou para baixo
  • Eventos de direção - acionados quando o dispositivo rola vertical ou horizontalmente
  • Eventos de página - acionados quando a página é exibida, oculta, criada, carregada e/ou desmontada

Para informações completas sobre todos os eventos do jQuery Mobile, acesse nossa Manual de eventos do jQuery Mobile.

Inicialização de eventos do jQuery Mobile

No jQuery, você já aprendeu a usar o evento ready do documento para evitar que o código jQuery execute antes de o documento ser carregado (estiver pronto):

Evento document ready do jQuery

<script>
$(document).ready(function(){
   // Aqui está o evento jQuery...
});
</script>

Experimente você mesmo

No entanto, no jQuery Mobile, usamos o evento pageinit, que ocorre após a inicialização e configuração de estilos da página serem completadas.

O segundo parâmetro aponta para ("#pageone") que aponta para o id da página para especificar os eventos:

Evento pageinit do jQuery Mobile

<script>
$(document).on("pageinit","#pageone",function(){
   // Aqui está o evento jQuery...
});
</script>

Experimente você mesmo

Notas:O método on() do jQuery é usado para adicionar manipuladores de eventos.

Os próximos capítulos detalharão cada evento jQuery Mobile.