Uncaught：$(.).jsGrid不是函数

Question

在我的页面中，我试图创建一个jsgrid表，我认为没有什么错，因为我导入了正确的东西，但是它给了我这个；

Uncaught：$(.).jsGrid不是函数错误

是否有什么问题，因为我没有看到任何错误的初始化表？

这是我的代码：

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
<script src="assets/vendors/js/vendor.bundle.base.js"></script>
<script src="assets/vendors/js/vendor.bundle.addons.js"></script>
<script>
    $("#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>

Answer 1

问题是

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

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

Answer 2

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

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