Включить JQuery UI диалог внутри существующего div

Question

У меня есть диалог, который я хочу заключить в div следующим образом.

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

Все мои правила CSS имеют .myClass в качестве родителя в селекторе:

.myclass .....

Когда я вызываю мой диалог JQuery

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

, он помещает div id=dialog как свой собственный div внизу моего тега, а не внутри div .myclass.Как я могу обернуть диалог в .myclass div?

Answer 1

Да, вы не можете сделать это таким образом.Пусть JQuery делает свое дело.Вы должны сосредоточиться на содержании внутри.

А как же наоборот:

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

Вы можете изменить содержимое внутри, как вы хотите.Что касается интерфейса снаружи, диалоговое окно, которое было тематическим, вы должны просто переписать правила CSS.Ну, это самый простой способ.

Answer 2

Вам действительно нужно это сделать? Почему бы вам не сохранить свой dialog идентификатор, а просто добавить к нему класс?

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