按钮点击事件打开弹出窗口时，$（...）。对话框不是一个功能

Question

我已经得到了答案。但是当我锻炼时，我在console.log（）上遇到了这个错误。我不知道是什么问题。这是我的jsfiddle链接jsfiddlelink

这是我的html代码。我创建了一个用于打开对话框的按钮和一个用于弹出对话框的div。

<button id="opener">Cick to open</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">dialog Opened</div>

这是我点击按钮

时触发弹出窗口的脚本

$(document).ready(function() 
{
   $( "#dialog1" ).dialog(
   {
    autoOpen: false
   });

   $("#opener").click(function()
   {
    $("#dialog1").dialog('open');
   });
});