I would like to use the jQuery UI Dialog but I can't seem to find the
answer to a problem I'm having. I want to control where in the DOM
the dialog is inserted so that it will inherit my CSS styles, but it
always seems to just be inserted at the end of the <body> DOM element,
circumventing much of my CSS.
e.g.
<body>
<div id="a">
<div id="b">this is a form</div>
</div>
</body>
...
$('#b').dialog({
bgiframe : true,
height : 500,
width : 700,
modal : true,
title : 'blah'
resizable : false,
close : function() {
$(this).remove();
}
});
... and then sadly this is what the DOM looks like:
<body>
<div id="a">
<div id="b">this is a form</div>
</div>
<div class="ui-dialog......">
.............
<div id="b">this is a form</div>
</div>
</body>
but why doesn't jQuery just turn my already existing div into the
dialog????
How can I accomplish this?
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
