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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/jquery/177561.html

猜你在找的jQuery相关文章