在jquery弹出窗口中禁用背景

Question

好的，我在这里有这个片段http://jsfiddle.net/8vFEd/;

每当弹出窗口出现时，我要么禁用后台，以便用户在关闭第一个弹出窗口之前无法点击其他语言，或者每当用户点击第二语言时，我将如何实现弹出窗口消失，并显示相应的弹出窗口。

Answer 1

我的建议是在背景上叠加一个叠加层，将“点击”点击到页面的其余部分。在<div class='lang'>追加调用之前，将以下内容添加到$（'。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 */
}

然后在处理“关闭”点击的代码中，从DOM中删除此.modalOverlay。请记住在弹出窗口之前添加叠加层，使其位于窗口后面（或者将“z-index：5”添加到叠加css中，将“z-index：6”添加到弹出窗口中）

我还建议将.lang css规则修改为position: absolute;或fixed而不是相对。

Answer 2

在onclick

开头添加此内容

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

在重新绘制DOM之前，将使用lang类删除或清除div。