los eventos de página jQuery Mobile
los eventos de página jQuery Mobile
Eventos en jQuery Mobile páginas que tratan se dividen en cuatro categorías:
- La página de inicialización -, antes de crear la página cuando se crea la página, y la página después de la inicialización
- La página de carga / descarga - cuando una página se carga externa, la descarga o cuando la primera falla
- Página de transición - transición de página antes y después
- Cambio de página - Cuando se cambia la página, o el fracaso cara
Para obtener información completa sobre todos los eventos de jQuery Mobile, visite nuestro Manual de jQuery Mobile Evento .
evento jQuery Mobile inicialización
Cuando jQuery Mobile en una página típica es inicializado, pasará a través de tres etapas:
- Antes de la creación de páginas
- creación de páginas
- La página de inicialización
activadores de eventos se pueden utilizar en cada etapa del código de operación o de inserción.
evento | descripción |
---|---|
pagebeforecreate | Cuando la página está a punto de inicializar, y antes de que la página mejorada jQuery Mobile ha comenzado a activar el evento. |
pagecreate | Cuando se ha creado la página, pero antes de la finalización de las mejoras, activa el evento. |
pageinit | Cuando se inicializa la página, y después de página mejorada jQuery Mobile se ha completado, lo que provocó el evento. |
El siguiente ejemplo demuestra el jQuery Mobile cuando se crea una página, cuando para activar cada evento:
Ejemplos
alert ( "disparador de eventos pagebeforecreate!");
});
$ (Document) .en ( "pagecreate", function (event) {
alert ( "disparador de eventos pagecreate!");
});
Trate »
jQuery Mobile evento Load
evento de carga de la página pertenece a una página externa.
Cada vez que una página de carga externa DOM, se activarán dos eventos. La primera de ellas es pagebeforeload, el segundo es pageload (correcto) o pageloadfailed (fallo).
La siguiente tabla explica estos eventos:
evento | descripción |
---|---|
pagebeforeload | Antes de cualquier petición de una página para cargar el gatillo. |
pageload | La página fue cargado con éxito y se inserta DOM activa. |
pageloadfailed | Si una solicitud de carga de la página falla, el evento se dispara. De forma predeterminada, se mostrará "Error de carga de página" mensaje. |
La siguiente presentación y pageload caso pagloadfailed obras:
Ejemplos
alert("触发 pageload 事件!\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉,被请求页面不存在。");
});
Trate »
evento de transición jQuery Mobile
También podemos utilizar el evento durante la transición de una a otra.
Las transiciones de página que implican a dos páginas: una "a" de la página y una página "Go" - estas transiciones hacen que la página activa actual ( "a" de la página) a la nueva página ( "ir a" cambiar la página se convierte en curso más dinámico.
evento | descripción |
---|---|
pagebeforeshow | En la página de "ir" disparado antes de que comience la animación de transición. |
pageshow | En el gatillo pantalla "ir", después de la finalización de la animación de transición. |
pagebeforehide | En la "a" de la página de disparo, antes de que comience la animación de transición. |
pagehide | En la "a" activador de pantalla, después de la finalización de la animación de transición. |
A continuación se ilustra el principio de tiempo de transición:
Ejemplos
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
Trate »