JQuery-mobile 弹出/对话框？

【问题标题】：JQuery-mobile pop up/ dialog box?JQuery-mobile 弹出/对话框？
【发布时间】：2011-08-04 09:13:04
【问题描述】：

我正在使用 jquery 移动框架为手机构建一个应用程序。我希望能够制作一个简单的对话框/弹出窗口，这样当您单击“问号”的图片时，弹出/对话框会出现一条简单的消息。我尝试了从http://jquerymobile.com/test/docs/pages/dialog-alt.html 到其他许多人的不同方法。我不能让他们中的任何一个人工作。所以如果你知道如何制作一个简单的弹出窗口或一个简单的对话框，请给我一个例子！

【问题讨论】：

什么不起作用？发布您的代码，如果您按照此处jquerymobile.com/test/docs/pages/#/test/docs/pages/… 中的说明进行操作，一切都应该正常工作
好吧，我没有任何弹出/对话框的代码，因为我无法让它工作，所以我只是删除了所有东西。我完全按照上面链接中所说的以及你给我的链接做了，我也尝试了很多不同的方式，但我无法让它们工作。

标签： html dialog popup jquery-mobile

【解决方案1】：

如果你想在 jquery mobile 中打开一个对话框，你必须使用属性 data-rel="dialog" 并且 href 必须指向你的对话框所在的 URL：

<a href="http://jquerymobile.com/test/docs/pages/dialog-alt.html" data-role="button" data-rel="dialog">Open dialog</a>

这是fiddle，您可以看看它是如何工作的。
希望对您有所帮助。

更新：

jQuery Mobile 对话框和某些设备似乎存在问题。在 GitHub 存储库中打开了一个 issue。
我发现这个plugin 似乎工作得很好。

【讨论】：

@Saeed Najafi：我已经用一个 mozilla 插件对其进行了测试，它可以工作，但是 - 你是对的 - 使用 iBBDemo2 它不能。似乎有一个问题悬而未决：github.com/jquery/jquery-mobile/issues/2190
@Saeed Najafi：我已经更新了我的答案。我发现了一个很酷的插件，它似乎可以工作并使用 jQuery-Dialog-way。