Keep Jqueryui Overlay In Same DOM Position

Is there anyway to keep a jQueryUI overlay in the same DOM position? Take a look at this HTML

Stuff <

Solution 1:

Not sure why you want this, but something like: http://jsfiddle.net/BGBuc/ should get you started.

JS

$('#over').dialog({
    modal: true,
    create:function(event, ui) {
        setTimeout(function(){
            $('#parent').append($('div.ui-widget-overlay')).append($('div.ui-dialog'));
        },1);
    }
});​

Share