透明嵌套對話框jquerymobile

我試圖創建一個與jquery mobile rc2模態對話框。
我設法擺脫了默認的醜陋灰色背景，現在對話框出現在創建它的頁面上。你可以通過look here知道如何做到這一點。問題是我有一個對話框裏面有一些<li>元素，每個元素打開另一個對話框。第二個對話框不會在過去的對話框中打開。相反，我得到的是比灰色的背景更加醜陋的白色背景。
如何使嵌套對話框出現在透明背景的父對話框之上？我應該在打開新的對話框之前關閉第一個對話框？
你可以看看代碼在行動here。
在此先感謝！透明嵌套對話框jquerymobile

來源

2011-11-04 andreapier

@cpak是正確的，即使他沒有提供任何解決方案的問題。但是我沒有解決這個問題下面這個步驟：
1）添加.inactive類的父頁面

.inactive 
{ 
    display: block !important; 
}

2）當你打開任何一個孩子彈出添加類再次

3）編輯在的.ui-對話框的.ui-對話框幷疊加類是這樣的：

.ui-dialog 
{ 
    background-color: rgba(34,34,34,0.25) !important; 
} 

.ui-dialog.ui-overlay-a 
{ 
    background-image: none; 
}

4）當你關閉最後一個彈出刪除.inactive類恢復原來的不透明度

希望這可以幫助某人，但希望jquery mobile更改這種奇怪的行爲！

來源

2011-12-22 11:18:51 andreapier

對1.1.0不適用。有任何想法嗎？ –

對不起，我不再與jquery移動工作，所以我不能測試版本1.1.0 – andreapier

它。請參閱我的答案中發佈的鏈接以獲取工作示例:) –

沒有時間仔細研究它，但它看起來並不是真正的「額外」白色覆蓋層，而是#main頁面變得不可見，而背景的白色實際上是身體元素。所以問題是爲什麼#main變得不可見，我猜。希望這有助於某種方式=）

來源

2011-11-15 13:51:16 cpak

請參閱http://tqcblog.com/2012/04/19/transparent-jquery-mobile-dialogs/瞭解完整的工作解決方案。它和andreapier解決方案的想法是一樣的，但也提供了小jQueryMobile JavaScript鉤子來綁定對話框的打開和關閉。

使用最新的jQueryMobile（1.1.0）正常工作。

我建議考慮刪除舊版移動瀏覽器的不透明度的花式css過渡。

來源

2012-06-14 07:56:42

透明嵌套對話框jquerymobile

回答

相關問題