前言:
今天因為項目需要,需要使用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,這個時候你才不用管其他的文件,可以直接使用,使用的方法例如這樣,
1 layui.use(['layer', 'form'], function(){ 2 var layer = layui.layer 3 ,form = layui.form; 4 5 layer.msg('Hello World'); 6 });
layui.use代碼你使用的哪個模塊,然后layui會幫你去加載你使用的這個模塊當然,還有一種其他的方法,就是引入layui.all.js 這個文件。這樣就可以不用引入layui的完整目錄,
就像官方文檔所說的,一次性全部加載,但是這樣的語法和之前就不一樣了。所以會變動比較大。如果你用的是layui.all.js但是卻又在用layui.use這樣的語法,當然是行不通的,反之亦然。
遇到此坑,特此記錄