jquery - 单击外部元素时关闭 BlockUI

Question

我正在使用 BlockUI 阻止页面。 BlockUI 使用的元素覆盖了页面的下半部分。尽管我的元素上有一个关闭按钮，效果很好，但如果单击我的元素上方的区域，我还需要取消阻止。这可能吗？

Answer 1

jsFiddle Demo

我以前也遇到过类似的需求。您需要知道 BlockUI 所在的层。我假设它的 z 索引为 10。您在这里要做的是在其下方设置一个不可见层，然后在那里附加一个单击事件，该事件将与您的 blockui 元素上已有的关闭事件相关联。

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