javascript - 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',
  },
});

但是，这个位置是在div#seats的右上方，而不是对话框，所以两个对话框因为标题栏的不同而没有对齐。我将如何相对于的实际对话框定位？我试过使用of , , 并传入 of 的返回值，但都没有给出想要的结果。我宁愿不硬编码标题栏的高度。#deck#deck#seats#deckof#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(),
  },
});