敲除取消从jQuery UI更新对话框

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">

<div id="dialog" title="更新对话框">
  <!-- 对话框内容 -->
</div>

$(function() {
  $("#dialog").dialog({
    autoOpen: false, // 初始时不自动打开对话框
    modal: true, // 设置对话框为模态对话框，禁止用户操作其他页面元素
    buttons: {
      "更新": function() {
        // 执行更新操作的代码
        $(this).dialog("close"); // 关闭对话框
      },
      "取消": function() {
        $(this).dialog("close"); // 关闭对话框
      }
    }
  });

  // 点击某个按钮或其他事件时，打开对话框
  $("#open-dialog-button").on("click", function() {
    $("#dialog").dialog("open");
  });
});