jquery-mobile - 如何在 jQuery Mobile 中创建确认对话框？

Question

我想在用户单击按钮时显示一个确认对话框(不是普通的 javascript)，但我宁愿将其嵌入而不是引用另一个页面。

如何嵌入一个对话框以在 jQuery Mobile 页面上使用？

Answer 1

您真的有 2 个选项 - 如果您希望它弹出并填充页面，您可以创建一个 JQM 对话框页面(甚至动态)，然后切换到它。 JQM 对话框在这里有更详细的解释:

http://jquerymobile.com/demos/1.0b1/docs/pages/docs-dialogs.html

很可能将一个新对话框附加到同一页面(简单地将它附加到带有 data-role="page"的容器上方的容器中)并使用 $.changePage(...) 切换到它

另一种选择，如果您希望它“覆盖”现有内容(来自 UI 对话框的模态模式)，此插件将执行以下操作:

http://dev.jtsage.com/jQM-SimpleDialog/

完全披露:我写了第二个，所以我有偏见。但是，它确实采用了上面的一些选项 1，如果您更愿意自己动手​​，当然欢迎您将代码拆开看看它是如何工作的。

编辑:

另一种选择是使用在上一个主要版本(我认为是 1.2.0)中添加的内置弹出界面。它可以在这里找到，并包含在默认值中:

http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html