jQuery UI对话框 - 关闭后无法打开

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

<div id="dialog" title="jQuery UI对话框">
  <p>这是一个jQuery UI对话框。</p>
</div>

$(document).ready(function() {
  $("#dialog").dialog({
    autoOpen: false,
    width: 400,
    buttons: {
      "关闭": function() {
        $(this).dialog("close");
      }
    }
  });

  $("#openDialog").click(function() {
    $("#dialog").dialog("open");
  });
});