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/

Answer 2

This jsfiddle應該爲你

$('#over').dialog({ modal: true });