Jquery UI模式对话框阻止背景屏幕

时间:2014-02-21 19:26:19

标签: css jquery-ui dialog modal-dialog

我知道这是一个非常常见的问题。我必须在google上研究解决方案后发布它。我试图用JqueryUI打开一个Dialog。我试图在打开对话框时阻止背景屏幕。我可以得到对话框,但在尝试以下方案后我无法进行阻止后台屏幕事件:

  1. 添加了模态:true
  2. 更新了jqueryui css上的最新版本
  3. 我的代码问题是什么。

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

    有任何解决问题的方法吗?

1 个答案:

答案 0 :(得分:1)

这似乎对我有用: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
});

显示对话框时,我无法点击按钮。你确定元素的样式是否正确?