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,這個時候你才不用管其他的文件,可以直接使用,使用的方法例如這樣,

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這樣的語法,當然是行不通的,反之亦然。

 

遇到此坑,特此記錄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM