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


Setting the parent element of a jquery-ui window to another element

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

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

这是一个棘手的问题：http://jsfiddle.net/z4xa/-我正试图在dialogcontainer的范围内包含mydialog

我试图将dialog.parent移到container元素中，但没有任何效果。

你知道我会怎么做吗？

编辑：我在玩小提琴，发现如果我自己通过WebKit调试器将对话框移动到container元素中，它的行为就会如所需。现在这只是一个程序化的问题。

相关讨论

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

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

更新了fiddle，网址为http://jsfiddle.net/z4xa/7/

之后需要做的就是重新定位对话框(如果需要)，使其不在元素顶部之上。