沒有覆蓋的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