jquery - 不使页面标题模态的jquery模态对话框

Question

我们需要一个模态对话框，使页面模式化，除了页面的标题区域，有点像两个独立的区域。标题元素仍然处于活动状态，当它们被单击或调用时，对话框消失并且被调用的标题元素正常工作。这可以通过 jquery 对话框或其他库实现吗？

Answer 1

这是jQuery BlockUI 插件的一个很好的用例。如果您的页面上有除容器中的标头之外的所有内容，则可以将其与插件的元素阻止一起使用，以防止用户与页面交互。

代码看起来像这样。

HTML：

<header></header>
<div id="everything-else">
    <!-- everything -->
</div>

JS：

$(function() {
    $('#everything-else').block();
});