javascript - 打开模式对话框时如何禁用控件单击事件

Question

据我所知，一旦我在 jquery 中打开模式对话框，所有输入控件都将被禁用。但我仍然可以点击按钮、div 等控件。在 jquery 中有什么方法可以在打开模式对话框后禁用所有交互。

Answer 1

您必须使用 div 覆盖整个页面，以便所有控件都放在覆盖 div 后面。

<div class="overlay" style="z-index: 1001; width: 1440px; height: 504px; "></div>
.overlay {
background: #AAA 
opacity: .3;
filter: Alpha(Opacity=30);
}

更多信息：http: //jqueryui.com/demos/dialog/modal.html