jquery-ui对话框无法打开

Question

此对话框的html代码：

      <div id="dialog" title="Erro" style="display: none;">
        <div id="content"></div>
      </div>

jquery代码：

$( function() {
  $( "#dialog" ).dialog({
    autoOpen: false,
    maxHeight: 640,
    minWidth: 480
  });
  $("#btn_dialog").on("click", function(event){
    $( "#dialog" ).dialog("open");
  });
});

当我尝试打开对话框时，我在浏览器（chrome）控制台中收到此错误：

$(...).dialog is not a function

我做错了什么？