jquery-ui - jQuery Mobile 弹出窗口和对话框

Question

jQuery mobile 1.2 alpha 引入了 Popups，同时它已经有一个类似的小部件，称为 Dialogs。它们本质上看起来非常相似。

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

弹出窗口可以做哪些对话框做不到的事情(任何实际用例作为首选示例)？

Answer 1

它们是完全不同的野兽。这是我根据我有限的经验提出的看法。

<强> Dialogues

• 对话框接管页面，它们包含全屏深色背景，使“对话框”看起来已经取代了页面。

• 通过将 data-rel="dialog" 属性添加到页面 anchor 链接，任何页面都可以呈现为对话框。

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

• 可以链接。

<强> Popups

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

• 无法被束缚。

弹出窗口可能更适合警报、工具提示、小的是/否确定/取消消息、将缩略图弹出到更大的图像、小型 ajax 表单(时事通讯、登录、发表评论)等。当您不这样做时很有用不想让页面重载信息，只想在用户需要或请求时向用户展示某些功能。

另一方面，对话可以用于需要传达大量信息的情况(条款和条件接受屏幕等)，或者当您确实想强调警报、菜单、用户拥有的选择时，等等。对话有点破坏页面的流程，因此应该更加谨慎地使用。

弹出窗口的一个巧妙功能是它们可以用作覆盖面板，可用于创建从屏幕一侧滑入的菜单，与 Facebook 的 iPhone 应用程序中的菜单没有太大不同。

归根结底，两者都可以使用，没有对错之分，很大程度上取决于个人喜好以及您希望应用程序如何运行。