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

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

本文关键字:元素 设置 另一个 jquery ui 窗口      更新时间:2023-09-26

我用$("#element").dialog();创建了一个标准的jquery ui对话框,我正在努力找到将其包含在另一个元素的边界内的最佳方式。

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

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

我尝试过将dialog.parent移动到容器元素,但没有成功。

你知道我该怎么做吗?

编辑:我在摆弄小提琴,发现如果我自己通过webkit调试器将对话框移动到容器元素中,它的行为会如所愿。现在,这只是一个程序化的问题。

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

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

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

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