在jquery彈出窗口中禁用背景

Question

好的，所以我有這個片段http://jsfiddle.net/8vFEd/在這裏;

無論何時彈出窗口，我要麼禁用背景，以便用戶不能點擊其他語言，直到他們關閉第一個彈出窗口，或者我將如何實現該功能，無論用戶何時點擊第二種語言，第一個彈出消失並出現相應的彈出窗口。

Answer 1

我的建議是將背景疊加在背景上，以便「捕捉」點擊到頁面的其餘部分。以下內容添加到您的$點擊（）函數，該<div class='lang'>追加調用之前（ '道具一個。'）：

$("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」添加到彈出的css）

我也建議修改您的.lang css規則爲position: absolute;或fixed而不是相對。

Answer 2

在你的onclick

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

，將刪除或用新的重繪DOM之前清除郎類的div開頭添加這一點。