Los últimos tutoriales de desarrollo web
 

jQuery pagebeforeshow Evento

<JQuery Mobile Eventos

Ejemplo

Alertar a un texto cuando la página estamos cambiando a, está a punto de ser mostrado:

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
Inténtalo tú mismo "

Definición y Uso

El evento se dispara pagebeforeshow en la "to" la página, antes de que comience la animación de transición.

Eventos relacionados:

  • pageshow - Se activa en la "to" la página, después de la animación de transición completa
  • pagebeforehide - Se activa en el "from" la página, antes de que la animación se inicia la transición
  • pagehide - Se activa en el "from" 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("pagebeforeshow",function(event){...}) Try it

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

$("document").on("pagebeforeshow"," 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 pagebeforeshow.

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 PrevPage, que devuelve la página estamos en transición lejos de
page Opcional. Apunta a la identificación de la página para especificar el evento para pagebeforeshow. 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.type para volver al tipo de evento disparada.

El objeto de datos
Usando la propiedad PrevPage para volver a la página estamos en transición lejos de.


<JQuery Mobile Eventos