Exemplo
Alertar algum texto quando a página que está em transição de distância from , está oculto:
$(document).on("pagehide","#pagetwo",function(){
alert("pagehide
event fired - pagetwo is now hidden");
}); Tente você mesmo " Definição e Uso
O evento pagehide é acionado na "from" página, após a animação de transição começa.
Eventos relacionados:
- pagebeforehide - Provocado sobre o "from" página, antes da animação da transição completa
- pagebeforeshow - Provocado sobre o "to" página, antes da animação da transição completa
- pageshow - Provocado sobre o "to" 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("pagehide",function(event){...})
Try it
Para acionar o evento para uma página específica:
$("document").on("pagehide"," 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 pagehide. A função tem dois parâmetros opcionais:
|
| page | Opcional. Aponta para o ID da página para especificar o evento pagehide 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.timeStamp.
O objeto de dados
Usando a propriedade nextPage para retornar a página que estamos a fazer a transição para.