2011-06-26 23 views
8

Necesito un cuadro de diálogo emergente para mi aplicación móvil jQuery. He encontrado este enchufe en:jQuery móvil y cuadros de diálogo emergentes

http://dev.jtsage.com/jQM-SimpleDialog/

que es impresionante - haciendo exactamente lo que necesito, pero por un detalle - no funciona correctamente en los navegadores Android lo probé en (todo Me sale una pantalla en blanco.) Sospecho que el desarrollador solo probó en el iPhone (tal vez un usuario de iPhone podría confirmar si funciona o no).

¿Alguien sabe de una solución, o un complemento que sí lo hace? el mismo tipo de cosas?

+0

Funcionó en mi android bien. – Jasper

+0

¿Puedo preguntar qué versión de Android está utilizando y qué navegador usó? –

+0

versión de Android 2.2.1, utilizando el navegador integrado. – Jasper

Respuesta

5

Si simplemente está visualizando la información (no es necesario para los eventos de devolución de llamada/respuesta) puede crear una ventana emergente de esta manera:

<script type="text/javascript"> 
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1><strong>Thank you, we have received your information.</strong></h1></div>") 
    .css({ "display":"block", "opacity":0.96, "top": $(window).scrollTop() + 100 }) 
    .appendTo($("body")) 
    .delay(2500) 
    .fadeOut(400, function(){ 
     $(this).remove(); 
    }); 
</script> 
+0

¡Esto funciona muy bien! JQuery Mobile 1.2 alpha para ventanas emergentes todavía tiene algunos problemas cuando se combina con la versión anterior de JQuery Mobile. – mashtheweb

0

estoy teniendo el mismo problema y decidí usar la función de popup() jQuery Mobile 1.2 alpha: http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html. Antes de esto, utilicé JQM Simple Dialog 2 http://dev.jtsage.com/jQM-SimpleDialog/demos2/.

Esto podría ayudar también:

También he creado un pequeño plugin que se envuelve alrededor de jQuery Mobile popup() función para poder llamar la ventana emergente mucho más fácil como $.dynamic_popup('Your HTML message'); Ver http://ghita.org/jquery/dynamic-mobile-popup o la demo y capturas de pantalla en https://github.com/serbanghita/jQM-dynamic-popup

Avísame si lo encuentras útil.

PD: funciona con jQM 1.3

Cuestiones relacionadas