2012-09-20 68 views
2

當您在此處設置自己的jQuery主題時:您可以看到「疊加和陰影類」一節中的模式對話框在其周圍有陰影。在源代碼中,它顯示對話框實際上是用另一個具有類ui-widget-shadow的div包裝的。jQuery對話框 - 如何讓.ui-widget-shadow作爲父元素?

對我來說,這個陰影是永遠不可見的,因爲當它被創建時,對話框沒有被這個div包裹。有人知道如何讓jQuery對話框將對話框包裹在這個元素中,這樣陰影就可見了嗎?

回答

0

在對話框的聲明中,您只需指定該類。

$(function() { 
    $("#dialog").dialog({ 
    ... 
    dialogClass: 'ui-widget-shadow' 
    }); 
}); 
+0

不,不幸的是...因爲它需要被包裹在裏面。如果你指定那個類,那麼這個類將被應用到對話框本身,這會導致一些完全不同的... – Helmut

+0

你是對的,我認爲可能更好的做法是使用'.dialogWithDropShadow {\ webapp-box} -shadow:0px 0px 1px 7px rgba(0,0,0,.1); box-shadow:0px 0px 1px 7px rgba(0,0,0,.1); }'然後按照我在答案中提到的那樣添加該類。這裏的[完整的代碼](http://jsbin.com/afupov/1/)和這裏另一個[類似的問題](http://stackoverflow.com/questions/3448813/jqueryui-how-to-make-a-影子周圍-A-對話盒) – ravenlp

相關問題