jquery - 在单击外部元素时关闭 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;
}