jQuery-mobile changePage with modal

Question

我只想使用changePage，但要使用模态窗口而不是全屏页面。

目前，我创建了自己的模态框，但jQM可能没有样式，因为它不是data-role = page。

有没有添加插件的解决方案？

感谢。

Answer 1

有什么理由要坚持使用changePage而不仅仅是使用链接？那里有一个类似的SO问题（抱歉没有链接）。您可以使用changePage方法并将角色设置为对话框来完成此操作。如果您希望呼叫页面仍然在后台显示，那么当pageLoad事件触发时您将需要做三件事。 1）显示上一页（调用页面），它自动隐藏在changePage事件上。 2）在所有其他div上设置不透明度或其他东西以给它一个模态效果。 3）将对话框覆盖设置为透明，以便您可以看到之前的页面。 完成第三种方法最简单的方法是使用叠加主题方面（如jqm 1.0）并在样式表中将其设置为透明。

Answer 2

也许您想尝试将目标网页数据角色更改为dialog，并使用选项changePage调用方法{role: 'dialog'}。

在jsfiddle上查看。