Exemplo
Alertar algum texto quando a página que estamos a fazer a transição para, está prestes a ser mostrado:
$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow
event fired - pagetwo is about to be shown");
}); Tente você mesmo " Definição e Uso
O evento pagebeforeshow é acionado no "to" página, antes de a animação de transição começa.
Eventos relacionados:
- pageshow - Provocado sobre o "to" página, após a animação de transição completa
- 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("pagebeforeshow",function(event){...})
Try it
Para acionar o evento para uma página específica:
$("document").on("pagebeforeshow"," 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 pagebeforeshow. A função tem dois parâmetros opcionais:
|
| page | Opcional. Aponta para o ID da página para especificar o evento pagebeforeshow 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.