2011-11-04 58 views
0

我试图创建一个与jquery mobile rc2模态对话框。
我设法摆脱了默认的丑陋灰色背景,现在对话框出现在创建它的页面上。你可以通过look here知道如何做到这一点。 问题是我有一个对话框里面有一些<li>元素,每个元素打开另一个对话框。第二个对话框不会在过去的对话框中打开。相反,我得到的是比灰色的背景更加丑陋的白色背景。
如何使嵌套对话框出现在透明背景的父对话框之上?我应该在打开新的对话框之前关闭第一个对话框?
你可以看看代码在行动here
在此先感谢!透明嵌套对话框jquerymobile

回答

1

@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更改这种奇怪的行为!

+0

对1.1.0不适用。有任何想法吗? –

+0

对不起,我不再与jquery移动工作,所以我不能测试版本1.1.0 – andreapier

+0

它。请参阅我的答案中发布的链接以获取工作示例:) –

1

没有时间仔细研究它,但它看起来并不是真正的“额外”白色覆盖层,而是#main页面变得不可见,而背景的白色实际上是身体元素。所以问题是为什么#main变得不可见,我猜。希望这有助于某种方式=)

1

请参阅http://tqcblog.com/2012/04/19/transparent-jquery-mobile-dialogs/了解完整的工作解决方案。它和andreapier解决方案的想法是一样的,但也提供了小jQueryMobile JavaScript钩子来绑定对话框的打开和关闭。

使用最新的jQueryMobile(1.1.0)正常工作。

我建议考虑删除旧版移动浏览器的不透明度的花式css过渡。