如何取消阻止已应用.block（）的嵌套div

Question

我希望能够“解锁”已经应用了.block（）的div。我怎么能这样做？

以下是一些更清晰的代码。

<div id='outer' style="width:300;height:300;background-color:black">
<div id= 'inner'>
    <a href=#>I want to be able to click this </a>
</div>

But nothing else in the "outer" div. <button> 
</div>

<script>
$('#outer').block();
</script>

Answer 1

jQuery BlockUI在被阻止时在元素内部添加了一个叠加层。例如：

<div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.6; cursor: wait; position: absolute; background-color: rgb(0, 0, 0);"></div>

因此，如果您希望取消阻止其中一个元素，则需要增加其z-index，使其在上方 BlockUI覆盖。

您可以在元素中添加一个类：

Example Here

.unblockable {
    z-index: 55555;
    position: relative;
}