Question

I have a dialog that I want wrapped in a div like so.

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

All of my CSS rules have .myClass as a parent in the selector:

.myclass .....

When I call my JQuery dialog

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

it places the id=dialog div as its own div at the bottom of my tag, not inside the .myclass div. How can I wrap the dialog in a .myclass div?

Answer 1

Yea, you can’t do it that way. Let jquery do its thing. You should focus on the content inside.

How about the other way around:

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

You can modify the content inside as you wish. As far as the ui outside, the dialog box that has been themed you should simply overwrite the css rules. Well that is the easiest way.