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

反正有没有将jQueryUI覆盖保持在相同的DOM位置?

看看这个

HTML

 
Stuff

JS:

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

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

有没有办法让它保持在起始位置? ( div#parent直接孩子)?

不知道为什么你想要这个,但是像这样的东西: 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); } });​