Javascript 在jquery弹出窗口中禁用后台

Javascript 在jquery弹出窗口中禁用后台,javascript,jquery,html,css,modalpopup,Javascript,Jquery,Html,Css,Modalpopup,好的,我这里有这个片段 每当弹出窗口出现时,我要么想禁用背景,这样用户在关闭第一个弹出窗口之前就不能点击另一种语言,要么当用户点击第二种语言时,我该如何做到这一点,第一个弹出窗口消失,相应的弹出窗口出现。我的建议是在背景上放置一个覆盖层,以“捕捉”页面其余部分的点击。将以下内容添加到$('.prop a')。单击()函数,在追加调用之前: $("body").append('<div class="modalOverlay">'); 然后在处理“关闭”点击的代码中,从DOM中删除这

好的,我这里有这个片段


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

我的建议是在背景上放置一个覆盖层,以“捕捉”页面其余部分的点击。将以下内容添加到$('.prop a')。单击()函数,在
追加调用之前:

$("body").append('<div class="modalOverlay">');
然后在处理“关闭”点击的代码中,从DOM中删除这个.modalOverlay。记住在弹出窗口之前添加覆盖,使其位于窗口后面(或者在覆盖css中添加“z-index:5”,在弹出css中添加“z-index:6”)


我还建议将您的
.lang
css规则修改为
位置:绝对
固定的
而不是相对的。

在onclick的开头添加此选项

$(".lang").remove();
这将在使用新类重新绘制DOM之前删除或清除div with lang类

$(".lang").remove();