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

Question

无论如何要jQueryUI在同一个 DOM 位置保持覆盖？

看看这个

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);
    }
});​