如何以編程方式在jquery mobile alpha 4中打開對話框？

Question

我通過類似的腳本注入的對話框HTML：

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

然後在阿賈克斯成功的回調，我有：

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'}); 

OR

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