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

【问题标题】：keep jqueryui overlay in same DOM position将 jqueryui 覆盖保持在相同的 DOM 位置
【发布时间】：2012-04-06 04:59:36
【问题描述】：

有没有办法让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 的直子）？

【问题讨论】：

当你把它作为模态时，它只能是body的一个孩子，因为它覆盖了body的所有其他孩子。
@SvenBieder：如果我不把它作为一个模态？
那么它通常应该保持在原始位置。但我没试过。

标签： javascript jquery jquery-ui overlay modal-dialog

【解决方案1】：

不知道你为什么想要这个，但类似：http://jsfiddle.net/BGBuc/ 应该让你开始。

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

【讨论】：