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

标签 javascript jquery html jquery-ui jquery-plugins

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

最佳答案

您必须使用 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

关于javascript - 如何在打开模式对话框时禁用控件单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10009246/

相关文章:

php - CSS 背景不透明度动画

javascript - 限制选中的复选框,包括页面加载时选中的框

html - 如何在 HTML img 标签中屏蔽图像?

javascript - jQuery 显示错误

javascript - 特定语言 Yup 验证

javascript - 在 javascript 中附加一个表格

javascript - 响应式导航在移动设备上的表现不尽如人意

javascript execCommand ('delete' ) 不删除 chrome 中的所有选择 div

javascript - 如何在 NG-repeat 中调用函数

javascript - 使用前未定义的前向引用任务