没有叠加的jQuery UI模态对话框窗口

时间:2012-11-18 09:54:15

标签: jquery jquery-ui modal-dialog

我一直在尝试使用jQuery UI模式对话框,看起来非常好,但不是我需要的东西 - 有没有可能打开对话框而没有禁用背景的灰色叠加层?像这样:

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

谢谢,

3 个答案:

答案 0 :(得分:3)

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

  

modalType:Boolean

     

默认值:false

     

如果设置为true,则对话框将具有模态行为;其他项目   页面将被禁用,即无法与之交互。语气   对话框在对话框下方创建一个叠加层,但在其他页面上方   元件。

尝试将modalType设置为false。

编辑:

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

我所知道的最简单的方法是:

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

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