javascript - 创建对话框时未捕获 TypeError : $(. ..).dialog 不是函数错误

Question

我正在尝试创建一个打开对话框的 onlick 事件，但我不断收到 Uncaught TypeError: $(...).dialog is not a function 错误。

HTML

                <div class="form-group required">
                    <input type="button" value="Button " id="add" />
                </div>
                <div id="dialog" hidden="hidden">
                    Hiiii
                </div>

JQUERY

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

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

调试器指向

$( "#dialog" ).dialog({

作为错误的根源

Answer 1

在 body 标记末尾添加 jquery 代码。

   <script>
      $(function() {
                  $( "#dialog" ).dialog({
                    autoOpen: false
                  });

                  $("#add").click(function() {
                    $("#dialog").dialog('open');
                  });
                });
    </script>

</body>