Los últimos tutoriales de desarrollo web
 

jQuery pagehide Evento

<JQuery Mobile Eventos

Ejemplo

Alertar a un texto cuando la página estamos en transición distancia from , está oculta:

$(document).on("pagehide","#pagetwo",function(){
  alert("pagehide event fired - pagetwo is now hidden");
});
Inténtalo tú mismo "

Definición y Uso

El evento se dispara pagehide en el "from" la página, después de la animación de transición se inicia.

Eventos relacionados:

  • pagebeforehide - Se activa en el "from" la página, antes de que finalice la animación de transición
  • pagebeforeshow - Se activa en la "to" la página, antes de que finalice la animación de transición
  • pageshow - Se activa en la "to" la página, después de la animación de transición completa

Nota: Este evento se dispara cada vez que se inicia una transición de página / detiene.


Sintaxis

Para activar el evento para todas las páginas en jQuery Mobile:

$("document").on("pagehide",function(event){...}) Try it

Para activar el evento para una página específica:

$("document").on("pagehide"," page ",function(event,data){...}) Try it

Parámetro Descripción
function(event,data) Necesario. Especifica la función que se ejecute cuando se produce el evento pagehide.

La función tiene dos parámetros opcionales:

  • El objeto de evento - que puede incluir cualquier propiedades de evento jQuery (por ejemplo event.target, event.type , etc.) Ver jQuery eventos de referencia para más información
  • El objeto de datos - contiene una propiedad, el nextPage, que devuelve la página estamos cambiando a
page Opcional. Apunta a la identificación de la página para especificar el evento para pagehide. Para las páginas internas, utilizar #id . Para las páginas externas, utilizar externalfile.html .

Inténtelo usted mismo - Ejemplos

Una demostración de eventos relacionados
Una demostración de que cuando se muestra pagebeforeshow, pageshow, pagebeforehide y pagehide fuego.

El objeto de evento
Usando la propiedad event.timeStamp.

El objeto de datos
Usando la propiedad nextPage para volver a la página estamos cambiando a.


<JQuery Mobile Eventos