未捕获的TypeError：$（...）。对话框在创建对话框时不是函数错误

Question

我正在尝试创建一个打开对话框的onlick事件，但我一直收到一个Uncaught TypeError：$（...）。dialog不是函数错误。

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>