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

Question

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

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

这是一个 fiddle :http://jsfiddle.net/Z4xAA/ - 我试图将#myDialog 包含在#dialogContainer 的范围内

我试过 this将 dialog.parent 移动到容器元素 - 但无济于事。

知道我该怎么做吗？

编辑:我正在摆弄 fiddle ，发现如果我自己通过 webkit 调试器将对话框移动到容器元素中，它就会按预期运行。现在只需以编程方式执行此操作即可。

Answer 1

使用 .append() 正确移动元素。在容器对话框的 .parent() 上执行此操作可获得所需的结果。

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

在 http://jsfiddle.net/Z4xAA/7/ 更新了 fiddle

之后需要做的就是在需要时重新定位对话框以使其停止在元素顶部之上。