jQuery-mobile changePage與模式

Question

我只想使用changePage，但有一個模式窗口，而不是全屏頁面。

目前，我創建了自己的模式框，但jQM沒有設置它的樣式，可能是因爲它不是數據角色頁面。

有沒有沒有添加插件的解決方案？

謝謝。

Answer 1

任何理由堅持changePage而不是僅僅使用鏈接？那裏有類似的SO問題（抱歉，沒有鏈接）。您可以通過使用changePage方法並將角色設置爲對話框來完成此操作。如果您希望調用頁面在後臺仍然可見，那麼在pageLoad事件觸發時您需要做三件事情。 1）顯示上一頁（調用頁面），該頁面會自動隱藏在changePage事件中。 2）在所有其他div上設置不透明度或其他東西以賦予其模式效果。 3）將對話框覆蓋層設置爲透明，以便您可以看到前面的頁面。 完成第三種最簡單的方法是使用疊加主題方面（如jqm 1.0），並將其設置爲在樣式表中是透明的。

Answer 2

也許你想嘗試將目標頁面數據角色更改爲dialog，並調用帶有選項{role: 'dialog'}的方法changePage。

看看jsfiddle。