相对于其他对话框的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的实际对话框？我尝试使用of #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(),
  },
});