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

时间:2012-08-28 12:49:05

标签: javascript jquery css jquery-ui jquery-ui-dialog

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

我试图避免只使用javascript并重新定位它,因为我希望能够将它移出容器的边界,并且容器能够使用{{1 }}

以下是情况的小提琴:http://jsfiddle.net/Z4xAA/ - 我试图在#dialogContainer的范围内包含#myDialog

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

我知道怎么回事吗?

编辑:我正在玩小提琴,发现如果我通过webkit调试器将对话框移动到容器元素中,它就会按照需要运行。现在,这只是以编程方式进行的。

1 个答案:

答案 0 :(得分:2)

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

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

http://jsfiddle.net/Z4xAA/7/

更新了小提琴

之后需要做的就是重新定位对话框,如果需要它可以阻止它位于元素顶部之上。