jQuery Mobile弹出窗口和对话框

Question

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

Popups和Dialogs之间的技术差异是什么？

弹出窗口可以做什么（任何实际的用例都是首选的例子），这对于Dialogs来说是不可能的？

Answer 1

他们是完全不同的野兽。这是基于我有限的经验基础上的意见。

Dialogues

• 对话接管页面，它们包含全屏黑暗的背景，使“对话”似乎已经取代了页面。

• 任何页面都可以通过将data-rel="dialog"属性添加到页面定位符链接来显示为对话框。

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

• 可以链接。

Popups

• 当前页面中显示，并且很可能更类似于通常所说的情态动词或灯箱的功能。

• 无法链接。

弹出窗口可能更适合提醒，提示，小是/否确定/取消的消息，使得缩略图弹出到较大的图像，小Ajax表单（通讯，登录，发布评论）等有用当你不想让信息超载时，只想在用户需要或请求时向用户展示某些功能。

另一方面，对话可用于需要传达大量信息（条款和条件接受屏幕等），或者当您确实要强调警报，菜单，用户选择等等。对话类打破了页面的流动，所以应该谨慎使用。

弹出窗口的一个很好的功能是，它们可以用作覆盖面板，它可以用来创建一个从屏幕侧面滑入的菜单，与Facebook应用程序中的菜单不太相似。

在一天结束时，可以使用任何一种，既不是对错，也可以是个人偏好，以及您希望如何流动应用程序。

Answer 2

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