css - Jquery UI 模态对话框阻塞背景屏幕

我知道这是一个很常见的问题。在谷歌上研究了很多解决方案后，我必须发布它。我正在尝试使用 JqueryUI 打开一个对话框。我试图在打开对话框时阻止背景屏幕。我可以获得对话框，但在尝试以下情况后我无法执行阻止背景屏幕事件:

我的代码问题是什么。

$("#divDialog").dialog({
    modal: true
});

是否有解决此问题的方法？

最佳答案

这似乎对我有用:http://jsfiddle.net/Nd5w9/

HTML:

<body>
  <button>Can't click when dialog shown</button>
  <div id="divDialog">Hi hi ih</div>
</body>

和 Javascript:

$("#divDialog").dialog({
  modal: true
});

显示对话框时，我无法单击按钮。您确定元素的样式正确吗？

关于css - Jquery UI 模态对话框阻塞背景屏幕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21943439/

相关文章：

html - 拉伸(stretch) div 到 100% 页面长度