¿Cómo se abre programáticamente un diálogo en jquery mobile alpha 4?

Question

me inyecto html para el diálogo a través de script como:

$("#misc-cntr").append('<div id="chk" data-rel="dialog" > </div>'); 

continuación en el éxito de devolución de llamada Ajax tengo:

success: function(msg) { 
$('#chk').html(msg) 
// open dialog here 
// $('#chk').dialog('open') does not work 
} 

dado anteriormente cómo puedo abrir el diálogo mediante programación?

Answer 1

Tendrá que cambiar la página a la misma, algo a lo largo de las líneas de:

$.mobile.changePage($('#chk'), 'pop', false, true); 

Si desea cerrar el diálogo a través de JavaScript, que necesitará:

$('#chk').dialog('close'); 

Espero que esto ayude.

Answer 2

Esto es lo que he usado. Está muy sucio, pero utiliza un cuadro de diálogo real en lugar de una página emergente.

El div:

<div data-role="page" id="score" data-theme="d" data-transition="pop" /> 

El código jQuery:

var a = $('<a />').attr({ 
    href: '#score', 
    "data-rel": 'dialog' 
}).click(); 

Answer 3

La función changePage toma un objeto como segundo argumento. En él puede especificar cosas como rol y transición. Para su caso, debe establecer la función de 'diálogo'.

Answer 4

$.mobile.changePage($('#mydialog'),{'transition':'pop'}); 

O

$.mobile.changePage($('#mydialog'),'pop');