未捕获的 TypeError： $（...）。jsGrid 不是一个函数

Question

在我的页面中，我正在尝试创建一个 jsgrid 表，我认为没有错，因为我以正确的方式导入了东西，但它给了我这个;未捕获的 TypeError： $（...）。jsGrid 不是函数错误是不是有什么问题，因为我没有看到初始化表的任何错误？这是我的代码：您不需要该单击功能，因此您可以通过这种方式修改您的代码。<script>    function onUpdate() {      var tableData = $("tr.table")        .children("td")        .map(function () {          return $(this).text();        })        .get();      if( tableData[7] === 2) {         console.log("if statement");      }    }  </script>

Answer 1

问题是

<script src="assets/vendors/js/vendor.bundle.base.js"></script>

这些脚本的函数名称与 jsGrid 函数名称重叠，因此阻止了浏览器/javascript 正确读取函数，我将这些脚本移动到需要它们的地方，所以现在没有问题，感谢您的所有帮助和努力。

Answer 2

假设您的文件都是正确的，我建议将您的jquery函数调用包装在.这样，只有在 DOM 准备好通过 Javascript 进行编辑时，它们才会运行。document.ready

<script>

$(document).ready(function(){

    $("#brands_table").html("asd");

    $("#brands_table").jsGrid({

        width: "100%",

        height: "400px",

        filtering: true,

        inserting:true,

        editing:true,

        sorting:true,

        paging:true,

        autoload:true,

        pageSize:10,

        pageButtonCount:5,

        deleteConfirm:"Silmek istediğinize emin misiniz?",

        controller:{

            loadData: function (filter) {

                return $.ajax({

                    type:"GET",

                    url:"assets/php/getbrands.php",

                    data:filter

                });

            },

        },

        fields:[

            {

                name:"id",

                type:"hidden",

                css:'hide'

            },

            {

                name:"name",

                type:"text",

                width:150,

                validate:"required"

            },

            {

                type: "control"

            }

        ]

    });

    });

</script>