Ejemplo
Alertar a un texto cuando la página se ha inicializado y mejorada:
$(document).on("pageinit",function(){
alert("pageinit
event fired!")
}); Inténtalo tú mismo " Definición y Uso
El evento pageinit está desfasada y en la versión 1.4.0 de jQuery. Utilice la pagecreate evento en su lugar.
El evento pageinit se desencadena cuando la página se ha inicializado y después de jQuery Mobile ha terminado de mejorar el contenido de la página.
Antes de la versión 1.4, este evento se utiliza en lugar de la DOM de jQuery ready() método, para colocar todos los otros eventos y funciones de jQuery. Esto se debe a que va a funcionar si la página se carga directamente o por medio de la llamada AJAX de otra página. Sin embargo, como de la versión 1.4, esto ha sido reemplazado por el evento pagecreate.
Nota: Este evento se activa sólo una vez por cada "página" - Cada vez que una página se carga por primera vez, jQuery Mobile almacena en caché las páginas en el DOM (memoria), por lo que cuando se desplaza de vuelta de pagetwo a PageOne (por ejemplo), este evento no va a disparar, porque entonces, PageOne ya se ha inicializado.
Eventos relacionados:
- pagebeforecreate - desencadenado cuando la página está a punto de ser inicializado, pero antes de la mejora ha comenzado
- pagecreate - activa cuando se crea la página, pero antes de la mejora se ha completado
Sintaxis
Para activar el evento para todas las páginas en jQuery Mobile:
$(document).on("pageinit",function(event){...})
Try it
Para activar el evento para una página específica:
$(document).on("pageinit"," page ",function(event){...})
Try it
| Parámetro | Descripción |
|---|---|
| function(event) | Necesario. Especifica la función que se ejecute cuando se produce el evento pageinit La función tiene un objeto de evento opcional, que puede contener propiedades de evento jQuery (por ejemplo event.target, event.type , etc.) Ver jQuery eventos de referencia para más información. |
| page | Opcional. Apunta a la identificación de la página para especificar el evento para pageinit. Para las páginas internas, utilizar #id . Para las páginas externas, utilizar externalfile.html . |
Inténtelo usted mismo - Ejemplos
Una demostración de pagebeforecreate y pagecreate
Una demostración de que cuando se muestra pagebeforecreate y pagecreate fuego.
El objeto de evento
Usando la propiedad event.type para volver al tipo de evento disparada.