javascript - 页面部分上的 jQueryUI 或 BlockUI 模式对话框

Question

我想在网页的一部分上有一个模式对话框，只是一个 div 容器。我知道定制解决方案可能是答案，但我想知道 BlockUI 是否可以将其模式叠加应用于特定 div 仅。

Google/stackoverflow 在询问 jQueryUI 或 BlockUI 是否可以实现这一点时没有得到任何结果。

修改现有覆盖解决方案是唯一的答案吗？

Answer 1

您可以创建一个具有特定尺寸和位置的 div，然后阻止它。

JS

$('body').append('<div id="blocker"></div>');
$('#blocker').block({message: null});

CSS

#blocker {
    position: absolute;
    top: 50px;
    left: 100px;
    height: 75px;
    width: 150px;
}

Demo →