Javascript Jquery对话框默认可见

我正在尝试使用Jquery UI测试一个简单的对话框，但是默认情况下该对话框是可见的

拨弄-

HTML

---

为对话框创建div时，最初必须将其隐藏

<div id="dialog" title="Confirmation Required" style="display: none;">
  Are you sure about this?
</div>

你确定吗？

根据这个示例（）下面的代码是一个工作示例

var对话框；
$（函数（）{
dialog=$（“#dialog”）。dialog({
自动打开：错误，
莫代尔：是的，
按钮：{
“确认”：函数（）{
警告（“您已确认！”）；
},
“取消”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
$（#callConfirm”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
dialog.dialog（“打开”）；
});
});

确认！
你确定吗？
您使用的是旧版本1.7.2，只需使用jQuery版本1.9.1或更高版本。
我将jQuery版本更改为1.9，将jQuery ui更改为1.9&它工作正常


尝试将类ui对话框添加到#对话框中。而且你的提琴不包括jquery UI，所以它不工作。请在此添加可运行代码。你是怎么想出来的？非常奇怪，它不适用于最新版本。这正是我所说的：）
$(function() {

  $("#dialog").dialog({
     autoOpen: false,
     modal: true,
     buttons : {
          "Confirm" : function() {
              alert("You have confirmed!");            
          },
          "Cancel" : function() {
            $(this).dialog("close");
          }
        }
      });

  $("#callConfirm").on("click", function(e) {
      e.preventDefault();
      $("#dialog").dialog("open");
  });

});

<div id="dialog" title="Confirmation Required" style="display: none;">
  Are you sure about this?
</div>

jquery 1.9.1 & jquery ui 1.9.2