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

Question

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

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

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

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

知道我会怎么做吗？

编辑：我在玩小提琴，发现如果我自己通过 webkit 调试器将对话框移动到容器元素中，它的行为就如所愿。现在只需以编程方式执行此操作即可。

Answer 1

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

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

在http://jsfiddle.net/Z4xAA/7/更新小提琴

之后需要做的就是重新定位对话框（如果需要将其停止在元素顶部上方）。