在jquery对话框中打开现有屏幕

<button id="openDialog">打开对话框</button>

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

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

$(document).ready(function() {
  $("#dialog").dialog({
    autoOpen: false, // 初始时不自动打开对话框
    modal: true, // 设置对话框为模态对话框，禁止用户操作其他页面元素
    width: 400, // 设置对话框的宽度
    buttons: {
      "确定": function() {
        // 点击确定按钮时的回调函数
        $(this).dialog("close"); // 关闭对话框
      },
      "取消": function() {
        // 点击取消按钮时的回调函数
        $(this).dialog("close"); // 关闭对话框
      }
    }
  });
});