如何在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