jQuery Mobile Popups和Dialogs

时间:2012-08-15 06:47:30

标签: jquery-ui jquery-mobile popup

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

Popups和Dialogs之间有哪些技术差异?

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

2 个答案:

答案 0 :(得分:11)

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

Dialogues

  • 对话框接管页面,它们包含全屏暗背景,使“对话框”看起来已经替换了页面。

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

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

  • 可以链接。

<强> Popups

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

  • 无法链接。

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

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

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

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

答案 1 :(得分:4)

一个重要的区别是Popups与元素出现在同一页面中,其中对话框总是不同的页面,背景为空白。