div.dialog不是模态弹出窗口JQuery 3.5.1中的函数

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

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

$(function() {
  $("#dialog").dialog({
    autoOpen: false, // 是否自动打开对话框
    modal: true, // 是否模态对话框
    width: 400, // 对话框宽度
    height: 300, // 对话框高度
    buttons: {
      "确定": function() {
        // 点击确定按钮时执行的操作
      },
      "取消": function() {
        // 点击取消按钮时执行的操作
        $(this).dialog("close"); // 关闭对话框
      }
    }
  });
});

$("#dialog").dialog("open");