Question

我正在尝试将jquery对话框放入相对于另一个div容器的div容器中。换句话说，我正在寻找它出现在线并且它的外观影响它周围的元素（例如：如果它在它下面的div中滑动被迫容纳）。

我知道它不再是一个传统的对话框，但考虑到我想保留jQuery对话框提供的功能，我不知道还有什么可以称之为它。

你怎么看？任何围绕黑客或解决方案的工作？

我想避免不惜一切代价将头寸设置为绝对。

Answer 1

我相信你现在已经解决了这个问题，但这是我后代的解决方案：

.dialog({
    appendTo: "#placeholderSpan",
    draggable: false,
    resizable: false
})
.parent()
.css({ position: "relative" })
.position({ my: "left top", at: "left top", of: "#placeholderSpan"});

我使用新的（从1.10.0开始）appendTo属性，但也可以在打开时附加或添加对话框：

.dialog({
    open: function() {
        $(this).parent().prependTo("#placeholderSpan");
    }
});

这只适用于我，如果位置功能结束，我无法使用对话框选项中的位置功能或在设置CSS位置之前定位对话框。

jsFiddle

将对话框影响应用于内联相对Div（无悬停影响）

1 个答案: