使用layui前台html页面报Uncaught TypeError: $ is not a function

layui内部引用了jquery,html页面直接引用了layui,所以html页面引用的自定义的js文件并不能识别$是个啥。layui. $(请勿复制,我在layui.后面多加了个空格,因为发现 $不加空格,编辑时是灰的,发布后也会消失)应该是layui对jquery $的封装。所以自定义的js文件中声明一句var $ = layui. $,且要使用 $的地方必须位于该句声明之下,否则还是报错,js就是有这种顺序性,没办法。我报该错,就是因为虽然声明了,但声明在使用之后,导致还是识别不了。
layui.table.render失效,渲染不出来,发现又是同上面相同的原因,自定义的js里调用了layui.table.render,引入html时是放在了head里,其对应的table声明是在body里,于是把引用移到body最下面,渲染成功。又出现了新的问题,渲染出了表头,表格内容却报数据接口异常,真是一个坑接着一个坑。

参考文章https://blog.csdn.net/ni_new_sm_new/article/details/82558817关于layui的小demo,作者是这么写的,我也照着,发现报上面的错,这里写文章给有需要的人参考下。根据参考文章创建的自己的工程待完成后上传到码云,码云链接也会附在本篇之后。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值