将jqueryui覆盖保持在相同的DOM位置

Question

是否有将jQueryUI叠加层保持在相同的DOM位置？

Take a look at this

HTML

<div id="parent">
    <div id="over" title="title">
        Stuff
    </div>
</div>

JS：

$('#over').dialog({modal: true});

如果你在DOM上检查它，你会发现叠加层被移动到document.body的直接子项

有没有办法让它保持在起始位置？ （div#parent的直接孩子？）

Answer 1

不确定为什么要这样，但是像http://jsfiddle.net/BGBuc/这样的东西应该让你开始。

JS

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