layui 的引⽤js 踩坑
前⾔:
今天因为项⽬需要,需要使⽤layui ,因为本⾝不多的前端经验,以为layui 的⽤法和其他的前端框架,例如jquery ,bootstrap 等等,只需要直接引⼊layui.js,和layui.css 就可以直接使⽤了,但是在我使⽤的时候,却⼀直提⽰不到我use 的那个模块,因为这个问题折腾了⼀下午,终于到原因,特此记录
出现这个问题的原因,主要是因为没有从头开始看⽂档,⼀开始接触的时候,直接去百度搜⽤法,但是其他地⽅的各种博客什么的,只是告诉你引⼊layui.js 和layui.css 这个步骤,如果你只把这两个⽂件下载下来进⾏引⽤,那么是⾏不通的,我们先来看看layui 的⽂档的开头介绍
从layui 的开头介绍可以看到,layui
的完整的⽬录结构是这样的,再看下⾯这句话,
原来,layui 是在你使⽤某个模块的时候,当你使⽤layui.use ,layui 会去你的⽬录结构⾥的lay 下的modules 下你引⽤的那个模块。如果你只引⼊了layui.js 这个⽂件,那他不到这个⽬录,不到这个模块。你想要使⽤的功能就不会⽣效,官⽅⽂档上说的获得layui ,其实意思是你要把layui 的完整⽬录下载下来,在这个前提条件下,再引⼊layui.js ,这个时候你才不⽤管其他的⽂件,可以直接使⽤,使⽤的⽅法例如这样,
layui.use 代码你使⽤的哪个模块,然后layui 会帮你去加载你使⽤的这个模块当然,还有⼀种其他的⽅法,就是引⼊layui.all.js 这个⽂件。这样就可以不⽤引⼊layui 的完整⽬录,
1 layui.use(['layer', 'form'], function(){
2  var layer = layui.layer
3  ,form = layui.form;
jquery官方文档下载4
5  layer.msg('Hello World');
6 });
就像官⽅⽂档所说的,⼀次性全部加载,但是这样的语法和之前就不⼀样了。所以会变动⽐较⼤。如果你⽤的是layui.all.js但是却⼜在⽤layui.use这样的语法,当然是⾏不通的,反之亦然。
遇到此坑,特此记录

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。