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