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

我希望在用户单击按钮时显示确认对话框(不是简单的 javascript),但我宁愿嵌入它而不是引用另一个页面.

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

解决方法

你有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