jquery - 将对话框影响应用于内联相对 Div(无悬停影响)

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