Exemplo
Alertar algum texto quando a página foi inicializado e reforçada:
$(document).on("pageinit",function(){
alert("pageinit
event fired!")
}); Tente você mesmo " Definição e Uso
O evento pageinit foi preterido no jQuery versão 1.4.0. Use o pagecreate evento em vez disso.
O evento pageinit é acionado quando a página foi inicializado e depois jQuery Mobile terminou melhorar o conteúdo da página.
Antes da versão 1.4, este evento foi usado em vez do jQuery DOM ready() método, para colocar todos os outros eventos e funções jQuery. Isso é porque ele vai funcionar se a página é carregada directamente ou através da chamada AJAX de outra página. No entanto, a partir da versão 1.4, este foi substituído pelo evento pagecreate.
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.
Eventos relacionados:
- pagebeforecreate - acionado quando a página está prestes a ser inicializado, mas antes de realce começou
- pagecreate - acionado quando a página é criada, mas antes de realce é completa
Sintaxe
Para disparar o evento para todas as páginas em jQuery Mobile:
$(document).on("pageinit",function(event){...})
Try it
Para acionar o evento para uma página específica:
$(document).on("pageinit"," page ",function(event){...})
Try it
| Parâmetro | Descrição |
|---|---|
| function(event) | Requeridos. Especifica a função a ser executada quando o evento ocorre pageinit 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 pageinit 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.