javascript - 模态对话框与灯箱 - 谁赢了？

Question

在我看来，模态对话框和灯箱都有相同的用途。似乎一方面是性感（但大量使用 javascript），另一方面是经济（但无聊）。

是什么促使您决定使用其中一种？或者，有没有更好的方法来向用户询问复杂数据而无需导航到另一个页面？

Answer 1

这取决于您的应用程序。如果您的应用程序不太像网页，而更像是应用程序（如 Google Docs），那么当您希望将用户注意力集中在特定任务上时，模式对话框是有意义的。

如果您的应用程序是一个网站，我会说您不应该通过模式对话框来混淆用户。人们习惯于去单独的页面，甚至通过一系列的页面来完成复杂的任务。如果它是复杂的数据，我通常会将其分解为逻辑步骤，以减少任务的压倒性。您可以使用 Ajax 使其更酷，而无需实际加载整个页面。

模态对话框应该很少使用。我认为如何不使用模式对话框的一个很好的例子是 Facebook。Facebook 有花哨的 ajax 让东西滑出，滑回。它们的界面非常复杂，但大部分复杂性是隐藏的。

Answer 2

网页中的灯箱和模式窗口有很多共同点。Kekoa 描述得很好。

另一个区别：灯箱通常可以通过单击弹出窗口外部（在变暗的背景上）来关闭，而模式窗口通常只能通过在弹出窗口内部进行交互来关闭（例如，单击确定/取消/X）。

这是因为模态窗口是“模态的”并且“要求用户在返回之前与 [它们] 进行交互”（http://en.wikipedia.org/wiki/Modal_window）。