關閉BlockUI單擊外部元素

Question

我正在使用BlockUI阻止頁面。 BlockUI使用的元素覆蓋頁面的下半部分。雖然我在元素上有一個關閉按鈕，這很好，但如果在元素上方有點擊，我也需要解鎖。這可能嗎？

Answer 1

jsFiddle Demo

我以前也碰到過類似的需求。您需要知道BlockUI所在的圖層。我將假定它的z-index爲10.你將要在這裏做的是在它下面設置一個不可見的層，然後在那裏附加一個單擊事件，這將會與你的blockui元素上的關閉事件綁定。

.clr{ 
position:fixed; 
width:100%; 
height:100%; 
z-index:5; 
top:0; 
left:0; 
bottom:0; 
right:0; 
}