如何在jQuery UI中處理模態對話框淡出？

在http://jqueryui.com/demos/dialog/#modal-form，有一個示例模態對話框;當你點擊「創建新用戶」時，它會顯示一個模態對話框並淡化除對話框以外的所有內容。如何在jQuery UI中處理模態對話框淡出？

在我的工作基礎上，我已經指定了「modal：true」，模態對話框出現並適當消失，但沒有其他東西變灰;屏幕的其餘部分看起來像以前一樣。

我是否需要應用額外的CSS或提供圖像？簡單看一下示例源代碼並沒有說清楚我需要添加什麼，以便使背景灰顯。

如果我需要提供其他靜態內容，如何在Django/static/tree下提供它？換句話說，我是否需要製作/ foo /和/ bar /其他靜態內容目錄，還是可以與/ static /的子目錄一起工作？

2010-07-14 JonathanHayward

當您將modal:true作爲ui-dialog的選項之一傳遞時，應該有一個重疊的div元素使用高z-索引和類名ui-widget-overlay分配給它。如果您決定編寫自己的樣式表而不是使用其中一種可用的樣式表作爲模板，那麼您可能需要在樣式表中定義ui-widget-overlay類，設置其不透明度等。

來源

2010-07-14 20:04:46 dmkc

謝謝;讓我玩這個。 – JonathanHayward 2010-07-14 20:05:22

我創建了一個高Z值的覆蓋div（div爲1000，未爲表單輸入指定）。背景顏色和背景圖像設置似乎最終落後於表單輸入，而不是在它們之前;也就是說，在未指定的（100％）不透明度下，它們掩蓋背景而不是前景。 – JonathanHayward 2010-07-14 20:28:27

我想你誤解了我的答案：類名爲'ui-widget-overlay'的div是由jQuery UI動態創建的。所有你需要做的就是在你的樣式表中添加這樣的內容： .ui-widget-overlay { background：＃000;不透明度：0.5; } – dmkc 2010-07-14 20:38:08

您是否有適當的主題文件在服務器上的正確位置？如果你不使用標準的默認主題，你可以使用jQuery UI的主題滾輪創建自己的主題。

來源

2010-07-14 20:07:32 Mark

服務器上的正確位置是什麼？它可以放在/ static /下，還是可以/我應該製作單獨的根級目錄？ – JonathanHayward 2010-07-14 20:26:26

只要您將所需的css文件指向正確的位置，它就可以到達您選擇的位置。只要確保所需的css主題所在的目錄，附加的images目錄也在那裏。因此，如果你的主題位於/static/jquery/theme/mytheme/mytheme.css 那麼你的主題圖片目錄將是 /static/jquery/theme/mytheme/images / – Mark 2010-07-14 20:39:28

如何在jQuery UI中處理模態對話框淡出？

回答

相關問題