好的,这里有这个http://jsfiddle.net/8vFEd/代码片段;
每当弹出窗口出现时,我要么想禁用背景,这样用户在关闭第一个弹出窗口之前就不能点击另一种语言,要么我该如何实现这一点,每当用户点击第二种语言时,第一个弹出窗口消失而相应的弹出窗口出现。
发布于 2011-08-25 13:30:01
我的建议是在背景上做一个覆盖,这样就可以“捕捉”到页面的其余部分。在<div class='lang'> append调用之前,将以下内容添加到$('.prop a').click()函数中:
$("body").append('<div class="modalOverlay">');下面是你的css:
.modalOverlay {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}然后在处理"close“单击的代码中,从DOM中删除此.modalOverlay。记得在弹出窗口之前添加覆盖,使其位于窗口后面(或者在覆盖css中添加"z-index: 5“,在弹出css中添加"z-index: 6”)
我还建议将您的.lang css规则修改为position: absolute;或fixed,而不是相对。
发布于 2011-08-25 13:32:56
在onclick的开头添加以下内容
$(".lang").remove();这将在使用新的DOM重绘DOM之前删除或清除div with lang类。
https://stackoverflow.com/questions/7185469
复制相似问题