jquery - 要素の外側をクリックするとBlockUIを閉じる

Question

BlockUI を使用してページをブロックしています。BlockUI で使用される要素は、ページの下半分をカバーします。要素に閉じるボタンがありますが、これは問題なく機能しますが、要素の上にクリックがある場合はブロックを解除する必要があります。これは可能ですか？

Answer 1

jsFiddle Demo

私は以前に同様の必要性に出くわしました。BlockUI が存在するレイヤーを知る必要があります。ここでは、z-index が 10 であると仮定します。ここで行うことは、その下に非表示のレイヤーを設定し、そこにクリック イベントをアタッチすることです。これは、blockui 要素に既にある close イベントに関連付けられます。

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