将jquery-ui窗口的父元素设置为另一个元素

Question

我有一个用$("#element").dialog();创建的标准jquery-ui对话框，我试图找到将它包含在另一个元素的边界内的最佳方式。

我试图避免用javascript做它，并重新定位它，因为我想能够将它移动到容器的边界之外，并且容器能够使用#container {overflow:auto;}

这里的情况小提琴：http://jsfiddle.net/Z4xAA/ - 我试图#dialogContainer

的

我试着做this到dialog.parent移动到容器元素的范围内包含#myDialog - 但没有无济于事。

任何想法如何去做这件事？

编辑：我正在玩小提琴，发现如果我通过webkit调试器将对话框移动到容器元素中，它会按照需要表现。现在只是编程的问题。

Answer 1

使用.append（）正确移动元素。在容器的对话框的.parent（）上执行该操作会得到所需的结果。如果需要阻止它成为上述元素的顶部在http://jsfiddle.net/Z4xAA/7/

所有

$("#dialogContainer").append($("#myDialog").parent()); 

更新拨弄之后需要的是做的是重新定位的对话框。