使用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方式。这是一个链接Transparent jQuery mobile dialogs