jqueryui对话框灰显屏幕

Question

我使用jQueryUI（扩展名？）并在页面上有一个简单的叠加层。 Here's what I have so far

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

我在API上找不到这样的东西，也许我错过了什么。

Answer 1

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

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

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

在http://jqueryui.com/demos/dialog/

查看所有可用选项

Answer 2

This jsfiddle应该适合你

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