2012-09-22 14 views
5

Estoy usando las nuevas funciones de extracción para JQM. Lanzar la ventana emergente con un clic de botón es sencillo, pero ¿cómo puedo hacer que la ventana emergente se inicie en la carga de la página?jQuery Mobile para que se abra popout en la carga de la página

docs JQM dicen que se puede hacer a través de inicializar el popout:

$("#myPopupDiv").popup("open") 

yo probamos este utilizando el código de abajo, pero no puede conseguir que funcione.

$(document).bind("mobileinit", function(){ 
$("#myPopupDiv").popup("open") 
}); 

Aquí hay una demostración en funcionamiento usando video en la ventana emergente y un botón para iniciarla.

http://jsfiddle.net/fxakH/

Si alguien puede ayudar a hacer este lanzamiento al cargar la página que sería muy apreciada. Gracias.

+0

¡El mismo problema aquí! Sería genial si pudieras decirme cómo funciona esto ... (si lo resolviste mientras tanto) – MOnsDaR

Respuesta

0

El evento "mobileinit" se dispara inmediatamente. ¿Has probado "pageinit"?

$(document).bind("pageinit", function(){ 
    $("#myPopupDiv").popup("open") 
}); 
+0

Gracias por responder. Intenté y solo muestra la rueda de carga de la página. "mobileinit" activó la ventana emergente para cargar la página, pero no pude cerrarla. – Kastansa

+1

$ (document) .ready tampoco funciona, da como resultado una rueda de carga también – MOnsDaR

0

Tuve el mismo problema e intenté un método de la siguiente manera.

El emergente en mi página debía abrirse tanto al cargar la página y en un ancla en la página

Así que en pageinit, que inicializa la ventana emergente, y justo después de esa declaración, que desencadenó el clic del ancla que también abre la ventana emergente. Eso funciono. aquí está el código.

//script to be called on add seat page 
$(document).delegate("#addseat-page", "pageinit", function() { 
    $("#vipPopup").popup(); //vip popup 
    $("#openvipPopup").trigger("click"); //openvipPopup is the id of the anchor for popup 
}); 

Cheers.

Cuestiones relacionadas