jQuery Mobile Popups和Dialogs

siv*_*636 9 jquery-ui popup jquery-mobile

jQuery mobile 1.2 alpha引入了Popups,虽然它已经有一个类似的小部件,称为Dialogs.它们在性质上看起来非常相似.

弹出窗口和对话框之间有哪些技术差异?

Popups可以做什么(任何实用的用例,例如首选),这是Dialogs无法做到的?

Jee*_*usu 11

他们是完全不同的野兽.基于我有限的经验,这是我的观点.

对话

  • 对话框接管页面,它们包含全屏暗背景,使"对话框"看起来已经取代了页面.

  • 通过将data-rel="dialog"属性添加到页面锚点链接,可以将任何页面显示为对话框.

  • 与页面类似,您可以通过将data-transition属性添加到链接来指定对话框中所需的任何页面转换.

  • 可以链接.

弹出窗口

  • 在当前页面中显示,并且可能更类似于通常称为模态或灯箱的功能.

  • 不能被束缚.

弹出窗口可能更适合警报,工具提示,小的是/否确定/取消消息,将缩略图弹出窗口放大图像,小型ajax表格(简报,登录,发表评论)等.当你不想要时有用使用信息使页面过载,并且只希望在用户需要或请求时向用户显示某些功能.

另一方面,对话可用于需要传达大量信息(条款和条件接受屏幕等)的情况,或者当您真正想要强调警报,菜单,用户选择等时.对话打破页面的流量,所以应该谨慎使用.

弹出窗口的一个简洁功能是它们可以用作覆盖面板,可用于创建从屏幕侧面滑入的菜单,与Facebook的iphone应用程序中的菜单不太相似.

在一天结束时,要么可以使用,要么都是对或错,很多都归结为个人偏好,以及您希望应用程序如何流动.