在现有div中包含一个jquery ui对话框

Question

我有一个对话框，我希望将其包含在div中。

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

我的所有CSS规则都将.myClass作为选择器中的父级：

.myclass .....

当我调用我的JQuery对话框时

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

它将id=dialog div作为其自己的div放在我标记的底部，而不是在.myclass div中。如何将对话框包装在.myclass div中？

Answer 1

是的，你不能这样做。让jquery做它的事。你应该专注于内部的内容。

反过来怎么样：

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

您可以根据需要修改内容。就外面的ui而言，以主题为主的对话框应该简单地覆盖css规则。那是最简单的方法。

Answer 2

你真的需要那样做吗？为什么不保留dialog个ID，只是添加一个类？

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