How to programatically open a dialog in jquery mobile alpha 4?

Question

I inject html for dialog via script like:

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

then in ajax success callback I have:

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

Given above how can I open the dialog programatically?

Answer 1

You'll need to change the page to it, something along the lines of:

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

If you want to close the dialog via javascript, you'll need:

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

Hope this helps.