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