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與元素出現在同一個頁面中，其中對話是一個不同的頁面，背景爲空白。