Dialog _ jQuerymobile

Question

我想根据Ajax结果打开对话框。 如何从.js文件创建/打开对话框？

任何人都会帮助我。

提前谢谢。

Answer 1

如果您只是链接到这样的文件：

<a href="foo.html" data-rel="dialog">Open dialog</a>

对于JS支持较少的人来说，无论如何完成了并且很好地降级。

您想要的方式：

为您的内容创建一个包装div，并为其指定data-role=dialog属性，然后在其上调用.dialog()，如果对话框不起作用，则调用.page()。 更新： 使用JQMbeta2，他们引入了一个“创建”事件，您必须在事物上触发它而不是使用.page

Answer 2

不知道这篇文章是否仍然相关，但我是这样做的：

function openDialog(strPageId, strTransition){
    $.mobile.changePage($("#"+strPageId+":jqmData(role='dialog')"), {transition : ""+strTransition+""});    
}

然后你可以在按钮或代码中调用它，无论在哪里......

<button data-theme="a" name="btnOS" id="btnOS" onClick="openDialog('pu-edit-mailorder','slideup')">Order</button>

Answer 3

我认为他的意思是他想使用JS来打开一个jQM对话框，而不是创建一个对话框链接并触发一个点击事件。

如果是这样，你应该使用$ .mobile.changePage（'pageURL'，{role：'dialog'}）;

Answer 4

由于某种原因

.dialog()对我不起作用。我正在使用：

$("<a href='#dialog-id' data-rel='dialog'></a>").click().remove();

不太好，但有效。