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,作者是这么写的,我也照着,发现报上面的错,这里写文章给有需要的人参考下。根据参考文章创建的自己的工程待完成后上传到码云,码云链接也会附在本篇之后。