Exemplo
Alertar algum texto quando a página que estamos a fazer a transição para, é mostrado:
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow
event fired - pagetwo is now shown");
}); Tente você mesmo " Definição e Uso
O evento pageshow é acionado no "to" página, após a animação de transição seja concluída.
Eventos relacionados:
- pagebeforeshow - Provocado sobre o "to" página, antes de a animação de transição começa
- pagebeforehide - Provocado sobre o "from" página, antes de a animação de transição começa
- pagehide - Provocado sobre o "from" página, após a animação de transição completa
Nota: Este evento é acionado toda vez que uma transição de página começa / pára.
Sintaxe
Para disparar o evento para todas as páginas em jQuery Mobile:
$("document").on("pageshow",function(event){...})
Try it
Para acionar o evento para uma página específica:
$("document").on("pageshow"," page ",function(event,data){...})
Try it
| Parâmetro | Descrição |
|---|---|
| function(event,data) | Requeridos. Especifica a função a ser executada quando o evento ocorre pageshow. A função tem dois parâmetros opcionais:
|
| page | Opcional. Aponta para o ID da página para especificar o evento pageshow para. Para páginas internas, utilize #id . Para páginas externas, utilize externalfile.html . |
Tente você mesmo - Exemplos
Uma demonstração de eventos relacionados
Uma demonstração que mostra quando pagebeforeshow, pageshow, pagebeforehide e pagehide fogo.
O objeto de evento
Usando a propriedade Event.type para retornar o tipo evento disparado.
O objeto de dados
Usando a propriedade prevPage para retornar a página estamos fazendo a transição de distância de.