jquery-mobile - 使用 jquery mobile 中的按钮单击在对话框中的页面上显示相同的内容

Question

我有两个页面。我可以在单击按钮时显示页面，但我需要在不更改屏幕的情况下在同一屏幕上显示与对话框相同的内容。我需要在页面中显示具有相同字段的对话框。这是我的代码。单击添加按钮时，新页面已打开，但我需要该对话框。

http://fiddle.jshell.net/ravi1989/nLJR7/

Answer 1

你在找这个吗？

$.mobile.changePage($("#UserSettingScreen"), {
    transition: "slide",
    reverse: false,
    changeHash: false,
    role: 'dialog'          // you can use role: 'dialog' to open a dialog
});

这是jsFiddle演示。

更新

1）您可以通过调用dialog('close')这样的方法以编程方式关闭对话框

$("#case_dialog_cancel").on("click", function(){
    $("#CaseInformationScreen").dialog('close');    
});

这是更新的jsFiddle。

2）您可以为叠加层设置主题。阅读更多关于overlayTHeme. 如果您出于某种原因想要完全摆脱叠加层或使其透明 - 谷歌以获取 hakish 方式。这是一个链接透明 jQuery 移动对话框