如何设置与不同按钮相关的jQuery UI对话框定位？

<div id="dialog" style="display: none;">
  对话框内容
</div>

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>

<script>
  $(document).ready(function() {
    // 绑定按钮1的点击事件
    $("#btn1").click(function() {
      $("#dialog").dialog("open").dialog("option", "position", { my: "left top", at: "left bottom", of: this });
    });

    // 绑定按钮2的点击事件
    $("#btn2").click(function() {
      $("#dialog").dialog("open").dialog("option", "position", { my: "right top", at: "right bottom", of: this });
    });

    // 初始化对话框
    $("#dialog").dialog({
      autoOpen: false,
      // 其他配置项
    });
  });
</script>