在現有div中包含一個jQuery UI對話框

我有一個對話框，我想像這樣包裝在div中。在現有div中包含一個jQuery UI對話框

<div class="myClass"> 
    <div id="dialog"></div> 
</div>

我所有的CSS規則有.myClass作爲選擇父：

.myclass .....

當我打電話給我的JQuery對話框

$("#dialog").dialog({})

它把id=dialog DIV作爲自己的div在我的標籤底部，而不是在.myclass div內。如何將對話框包裝在.myclass div中？

2012-01-15 Jonathan

啊，你不能這樣做的。讓jquery做它的事情。你應該關注內部的內容。

如何周圍的其他方法：

<div id="dialog"> 
    <div class="myClass"> 
    </div> 
</div>

您可以按照您的意願修改裏面的內容。就外面的UI而言，以主題爲對象的對話框應該簡單地覆蓋CSS規則。那麼這是最簡單的方法。

2012-01-15 22:00:37 Parris

你真的需要這樣做嗎？你爲什麼不保留你的dialog ID，並且只爲它添加一個類？

<div id="dialog" class="whatever"></div>

2012-01-15 21:48:52 hvgotcodes

我在同一個網站上使用了幾個themeRoller主題。他們的AdvancedTheme設置允許您向所有選擇器添加父類（不是附加類）。 – Jonathan 2012-01-15 21:53:27

回答