未捕获的类型错误:$(…).对话框不是创建对话框时的函数错误

Uncaught TypeError: $(...).dialog is not a function error when creating dialog box

本文关键字：错误 对话框 创建 函数 类型      更新时间：2023-09-26

我试图创建一个打开对话框的onclick事件，但我一直得到一个未捕获的TypeError: $(…)。对话框不是一个功能错误。

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({

作为错误的来源

在body标签结束前添加jquery代码。

   <script>
      $(function() {
                  $( "#dialog" ).dialog({
                    autoOpen: false
                  });
                  $("#add").click(function() {
                    $("#dialog").dialog('open');
                  });
                });
    </script>
</body>
相关文章：