應用對話框影響內聯相對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