如何取消阻止已应用 .block() 的嵌套 div

Question

我希望能够 "unblock" 应用了 .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 覆盖层。

您可以向元素添加 class：

Example Here

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

如何取消阻止已应用 .block() 的嵌套 div

How to unblock a nested div that has .block() applied

jquery

jquery-blockui