javascript - jqueryui对话框灰屏

Question

我正在使用 jQueryUI（扩展？）并在页面上有一个简单的覆盖。这是我到目前为止所拥有的

无论如何，当对话框打开时，是否有任何内置方法可以使屏幕变灰？我知道你可以通过在页面上附加另一个 div 来做到这一点，我想知道 jQueryUI 是否内置了类似的东西。

我在 API 上找不到类似的东西，也许我错过了一些东西。

Answer 1

您可以使用对象文字为对话框指定选项。其中一个选项是模态的，它将在对话框后面的屏幕上放置一个叠加层。此叠加层将阻止用户在对话框后面单击。

$('#over').dialog({modal:true});

示例：http: //jsfiddle.net/vhA2w/1/

在以下位置查看所有可用选项：http: //jqueryui.com/demos/dialog/

Answer 2

这个jsfiddle应该适合你

$('#over').dialog({ modal: true });