Exemplo
Alertar algum texto quando a página foi criada, mas antes de realce é completa:
$(document).on("pagecreate",function(){
alert("pagecreate
event fired!")
}); Tente você mesmo " Definição e Uso
O evento pagecreate é acionado quando a página foi criada no DOM (via ajax ou outro), mas antes de jQuery Mobile terminou reforçando a página.
Use este evento em vez do jQuery DOM ready() método para colocar todos os outros eventos e funções jQuery, porque ele vai funcionar se a página é carregada directamente ou através da chamada AJAX de outra página. Nota: Antes da versão 1.4, foi utilizado o pageinit evento (reprovado) para lidar com isso.
Nota: Este evento só é acionado uma vez por "página" - Cada vez que uma página é carregada pela primeira vez, jQuery Mobile armazena em cache páginas no DOM (memória), então quando você navegar de volta a partir pagetwo para pageone (por exemplo), isso evento não será acionado, porque, então, pageone já foi inicializado.
Dica: Este evento também é útil para o usuário do que quer criar seu próprio aprimoramento widget personalizado:
$(document).on("pagecreate","#pagetwo",function(event){
$.(":jqmData(role='my-plugin')").myPlugin();
});Eventos relacionados:
- pagebeforecreate - acionado quando a página está prestes a ser inicializado, mas antes de realce começou
Sintaxe
Para disparar o evento para todas as páginas em jQuery Mobile:
$("document").on("pagecreate",function(event){...})
Try it
Para acionar o evento para uma página específica:
$("document").on("pagecreate"," page ",function(event){...})
Try it
| Parâmetro | Descrição |
|---|---|
| function(event) | Requeridos. Especifica a função a ser executada quando o evento ocorre pagecreate A função tem um objeto de evento opcional, que pode conter quaisquer propriedades do evento jQuery (por exemplo event.target, event.type , etc.) Ver jQuery eventos Referência para obter mais informações. |
| page | Opcional. Aponta para o ID da página para especificar o evento pagecreate para. Para páginas internas, utilize #id . Para páginas externas, utilize externalfile.html . |
Tente você mesmo - Exemplos
Uma demonstração de pagebeforecreate e pagecreate
Uma demonstração que mostra quando pagebeforecreate e pagecreate fogo.
O objeto de evento
Usando a propriedade Event.type para retornar o tipo evento disparado.