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

Question

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

当询问使用jQueryUI或BlockUI是否可行时，Google / stackoverflow仍然没有结果。

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

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;
}

演示→