jquery - 没有覆盖的 jQuery UI 模态对话框窗口

Question

我一直在尝试使用 jQuery UI 模态对话框，它看起来很不错，但不是我所需要的 - 是否有可能在没有禁用背景的灰色覆盖的情况下打开对话框？像这样的东西：

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

谢谢，

score 3 · Accepted Answer

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

modalType：布尔值

默认值：假

如果设置为 true，则对话框将具有模态行为；页面上的其他项目将被禁用，即无法交互。模态对话框在对话框下方但在其他页面元素上方创建覆盖。

尝试将modalType设置为 false。

编辑：

modalType仅在 jQuery UI 1.10 中重命名为modal 。

score 2 · Accepted Answer

如果您想保持模态功能，您可以通过将.ui-widget-overlay类自定义到 jqueryui css 或使用 themeroller 部分来更改背景覆盖样式Modal Screen for overlays。

如果您不想要模态功能，只需更改modalType属性即可。

score 0 · Accepted Answer

我知道的最简单的方法是：

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

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

3 回答 3