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

Question

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

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 →