javascript - 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/