相對於其他對話框的jqueryui對話框

Question

我想將兩個對話框放在一起。我做到以下幾點：

$("#deck").dialog({ 
    width: 'auto', 
    height: 'auto', 
    position: { 
    my: 'left top', 
    at: 'left bottom', 
    of: '#title', 
    } 
}); 

$("#seats").dialog({ 
    width: 'auto', 
    height: 'auto', 
    position: { 
    my: 'left top', 
    at: 'right top', 
    of: '#deck', 
    }, 
}); 

然而，這種定位#seats爲#deck DIV，而不是#deck對話框的右上角，所以這兩個對話框都不會因爲標題欄的差異一致。我如何確定#seats相對於#deck的實際對話？我試過使用的#deck :parent,#deck :parent :parent，並傳入返回值$("#deck").dialog(...)，但都沒有給出所需的結果。我寧願不硬編碼標題欄的高度。

Answer 1

以下作品完美：

$("#seats").dialog({ 
    width: 'auto', 
    height: 'auto', 
    position: { 
    my: 'left top', 
    at: 'right top', 
    of: $('#deck').parent(), 
    }, 
});