Как программно открыть диалог в jQuery mobile alpha 4?

Question

Я впрыснуть HTML для диалога с помощью сценария, как:

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

затем в Ajax обратного вызова успеха у меня есть:

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

Учитывая вышеизложенное, как я могу открыть диалоговое окно программно?

Answer 1

Вам нужно изменить страницу к ней, что-то вдоль линий:

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

Если вы хотите, чтобы закрыть диалоговое окно с помощью JavaScript, вам необходимо:

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

Надеюсь это поможет.

Answer 2

Вот что я использовал. Это очень грязно, но вместо всплывающей страницы используется фактическое диалоговое окно.

DIV:

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

JQuery Код:

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

Answer 3

Функция changePage принимает объект в качестве второго аргумента. В нем вы можете указать вещи как роль и переход. Для вашего случая вам нужно установить роль в «диалог».

Answer 4

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

ИЛИ

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