首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用jquery弹出窗口中的背景

禁用jquery弹出窗口中的背景
EN

Stack Overflow用户
提问于 2011-08-25 13:19:36
回答 2查看 21.5K关注 0票数 2

好的,这里有这个http://jsfiddle.net/8vFEd/代码片段;

每当弹出窗口出现时,我要么想禁用背景,这样用户在关闭第一个弹出窗口之前就不能点击另一种语言,要么我该如何实现这一点,每当用户点击第二种语言时,第一个弹出窗口消失而相应的弹出窗口出现。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-08-25 13:30:01

我的建议是在背景上做一个覆盖,这样就可以“捕捉”到页面的其余部分。在<div class='lang'> append调用之前,将以下内容添加到$('.prop a').click()函数中:

代码语言:javascript
运行
复制
$("body").append('<div class="modalOverlay">');

下面是你的css:

代码语言:javascript
运行
复制
.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,而不是相对。

票数 10
EN

Stack Overflow用户

发布于 2011-08-25 13:32:56

在onclick的开头添加以下内容

代码语言:javascript
运行
复制
$(".lang").remove();

这将在使用新的DOM重绘DOM之前删除或清除div with lang类。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7185469

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档