jQuery mobile 1.2 alpha引入了Popups,虽然它已经有一个名为Dialogs的类似小部件。它们在性质上看起来非常相似。
Popups和Dialogs之间有哪些技术差异?
Popups可以做什么(任何实际用例,例如首选),这是Dialogs无法做到的?
答案 0 :(得分:11)
他们是完全不同的野兽。基于我有限的经验,这是我的观点。
对话框接管页面,它们包含全屏暗背景,使“对话框”看起来已经替换了页面。
通过将data-rel="dialog"
属性添加到页面锚点链接,可以将任何页面显示为对话框。
与页面类似,您可以通过在链接中添加data-transition
属性来指定对话框中所需的任何页面转换。
可以链接。
<强> Popups 强>
在当前页面中显示,可能更类似于通常称为模态或灯箱的功能。
无法链接。
弹出窗口可能更适合警报,工具提示,小的是/否确定/取消消息,将缩略图弹出窗口放大图像,小型ajax表格(简报,登录,发表评论)等。当你不喜欢时有用我希望用信息重载页面,并且只想在用户需要或请求时向用户显示某些功能。
另一方面,对话可用于需要传达大量信息(条款和条件接受屏幕等)的情况,或者当您真正想要强调警报,菜单,用户选择时,对话是一种打破页面流动的方式,所以应该更谨慎地使用。
弹出窗口的一个简洁功能是它们可以用作覆盖面板,可用于创建从屏幕侧面滑入的菜单,与Facebook iphone应用程序中的菜单不太相似。 / p>
在一天结束时,要么可以使用,要么都是对或错,很多都归结为个人偏好,以及您希望应用程序如何流动。
答案 1 :(得分:4)
一个重要的区别是Popups与元素出现在同一页面中,其中对话框总是不同的页面,背景为空白。