Fatal编程技术网
  • css/
  • Css Jquery UI模式对话框阻止后台屏幕

Css Jquery UI模式对话框阻止后台屏幕

css jquery-ui

Css Jquery UI模式对话框阻止后台屏幕,css,jquery-ui,dialog,modal-dialog,Css,Jquery Ui,Dialog,Modal Dialog,我知道这是一个很常见的问题。我必须在谷歌搜索了很多解决方案后发布。我正在尝试打开与JqueryUI的对话。我试图在打开对话框时阻止背景屏幕。我可以获得对话框，但在尝试以下场景后，我无法执行阻止背景屏幕事件： 添加模态：true 更新了jqueryui css的最新版本 我的代码问题是什么 $("#divDialog").dialog({ modal: true }); 有解决问题的方法吗？这似乎对我有用： HTML： <body> <button>Can't

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

  • 添加模态：true
  • 更新了jqueryui css的最新版本
    • 我的代码问题是什么

    $("#divDialog").dialog({
    modal: true
});
    有解决问题的方法吗？

    这似乎对我有用：

    HTML：

    <body>
  <button>Can't click when dialog shown</button>
  <div id="divDialog">Hi hi ih</div>
</body>
    显示对话框时，我无法单击按钮。您确定元素的样式设置正确吗？

    您能在JSFIDLE中重现这一点吗？非常不幸。它在JSFIDLE中对我有效。我的坏消息应该是一些css或js覆盖了我的代码。我必须检查哪里出了问题。谢谢你的时间。 
    $("#divDialog").dialog({
  modal: true
});