为了账号安全,请及时绑定邮箱和手机立即绑定

未捕获的 TypeError: $(...)。jsGrid 不是一个函数

未捕获的 TypeError: $(...)。jsGrid 不是一个函数

肥皂起泡泡 2024-01-18 16:29:00
在我的页面中,我正在尝试创建一个 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>
查看完整描述

2 回答

?
九州编程

TA贡献1785条经验 获得超4个赞

问题是

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

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


查看完整回答
反对 回复 2024-01-18
?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

假设您的文件都是正确的,我建议将您的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>


查看完整回答
反对 回复 2024-01-18
  • 2 回答
  • 0 关注
  • 30 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信