透明嵌套对话框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

回答

相关问题