没有覆盖的jQuery UI模式对话窗口

Question

我一直在试验jQuery UI模式对话框，它看起来非常好，但不是我所需要的 - 是否有可能打开对话框而没有灰色覆盖禁用背景？事情是这样的：

http://demos.kendoui.com/web/window/index.html （但Telerik的是昂贵的，现在我需要的东西开源）

感谢，

Answer 1

是的，这是可能的，你应该还没有遇到这样的问题，因为这是对话框的默认行为：

modalType：布尔

默认值：false

如果设置为true，则对话框将具有模态行为; 上的其他项目将被禁用，即不能与之交互。 Modal 对话框会在对话框下方创建叠加层，但会在其他页面 元素上创建叠加层。

尝试将设置modalType设置为false。

编辑：

的modalType仅在jQuery UI的1.10更名为modal。

Answer 2

如果您想保留模式功能，您可以通过将.ui-widget-overlay类自定义为jqueryui css或使用整形器也可以更改背景叠加样式，部分为Modal Screen for overlays。

如果您不想使用模式功能，只需更改modalType属性即可。

Answer 3

我所知道的最简单的方法是这样的：

$(".selector").dialog({ modal: true }); // with the overaly 

$(".selector").dialog({ }); //without the overlay