前言:

今天因为项目需要,需要使用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.layer3 ,form = layui.form;4

5 layer.msg(‘Hello World‘);6 });

layui.use代码你使用的哪个模块,然后layui会帮你去加载你使用的这个模块当然,还有一种其他的方法,就是引入layui.all.js 这个文件。这样就可以不用引入layui的完整目录,

就像官方文档所说的,一次性全部加载,但是这样的语法和之前就不一样了。所以会变动比较大。如果你用的是layui.all.js但是却又在用layui.use这样的语法,当然是行不通的,反之亦然。

遇到此坑,特此记录

layui中从上一个js模块中取参数_layui的引用js踩坑相关推荐

  1. html中快速返回上一个页面,后退一步!

    html中快速返回上一个页面,后退一步! 下面一句话就搞定了! <a href="javascript:history.go(-1);">返回上一页</a> ...

  2. 在Java中如何从一个多层嵌套循环中直接跳出?

    一.问题描述 最近发现一个有趣的问题,在Java中如何从一个多层嵌套循环中退出呢? 例如下面,有两层循环,break只能退出第一个for循环,不能直接跳出第二个for循环外面. public stat ...

  3. python 在一个py文件中调用另一个py文件中的变量以及一个有趣的问题

    python 在一个py文件中调用另一个py文件中的变量以及一个有趣的问题 1.在一个py文件中调用另一个py文件中的变量 新建一个py文件,记为t1.py # t1.py m = 2 n = 1 a ...

  4. pandas使用isna函数和any函数判断dataframe中的每一个数据列中是否包含缺失值

    pandas使用isna函数和any函数判断dataframe中的每一个数据列中是否包含缺失值(check if column contains any missing values in dataf ...

  5. html目录参数加密,从HTML文件中取出JS加密需要的参数,并调用js内的加密算法

    简介这篇文章主要介绍了从HTML文件中取出JS加密需要的参数,并调用js内的加密算法以及相关的经验技巧,文章约2677字,浏览量385,点赞数2,值得参考! 背景,爬虫程序需要模拟登陆,账号密码是经j ...

  6. C++ 在一个cpp文件中使用另一个cpp文件中定义的函数

    C++ 在一个cpp文件中 使用另一个cpp文件中定义的函数 建立一个console项目 头文件 cpp文件 main.cpp 建立一个console项目 以dev为例,在[文件][新建][项目],新 ...

  7. shell脚本中判断上一个命令是否执行成功

    2018-12-21 shell中使用符号"$?"来显示上一条命令执行的返回值,如果为0则代表执行成功,其他表示失败. 结合if-else语句实现判断上一个命令是否执行成功 示例如 ...

  8. 简单问题:VIM中 查找 “上一个” 的快捷键是什么?

    输入: /abc     查询 abc 开头的单词 之后,所以以abc开头的单词都会标记高亮 输入 n  会查找下一个结果 /pattern 向下搜索 n继续搜索下一个 ?pattern 向上搜索 # ...

  9. JavaScript中,返回上一个页面时,如何保证上一个页面的不刷新?

    history.back()和history.go(-1)都可以实现返回上一页并不刷新.History 对象包含用户(在浏览器窗口中)访问过的 URL. history.back() 等同于在浏览器点 ...

最新文章

  1. for each in java script
  2. 心形尺寸比例图解_0元图解建筑史-05 | 中国木构建筑的特征与详部演变(2)——斗栱、厅堂殿堂...
  3. 收集53个程序员励志名言
  4. html5页面转场,基于HTML5 SVG的页面过渡切换效果
  5. 基于IBM Cognos的高级报表制作技巧
  6. 【转载】以前ioi上看到的一篇关于如何成为一名程序员的文章
  7. select2插件设置选中值并显示的问题
  8. 边缘计算对于基础架构和运营领导者意味着什么
  9. H5和微信小程序直播开发
  10. 手撸一个外卖点餐系统后台,可以写上简历的实战项目!
  11. Java在线问卷调查系统的分析与实现管理员功能模块
  12. 1月15日云栖精选夜读 | 重磅公开!阿里语音识别模型端核心技术,让你“听”见未来...
  13. BLC 以及 线性化
  14. 豆果美食 php,#一道菜表白豆果美食# 比蛋糕还好吃的咕咕霍夫面包
  15. 人工智能现在的技术“好玩”到了什么程度?
  16. 【加量不加价,提供只读脚本】小麦苗健康检查脚本说明(Oracle巡检脚本)
  17. socket接口技术和相关函数(socket,bind,listen,accept)
  18. autograd-自动求导系统
  19. 1.windows 应用程序开发(MessageBox 和 DialogBox 和 WM_COMMAND)
  20. 2020Java就业前景好吗?

热门文章

  1. Docker 入门系列(6)- Docker 互联
  2. IP 公司与GPU IP
  3. 工艺技术:14nm与28nm工艺
  4. TensorFlow算子融合
  5. AlexeyAB DarkNet YOLOv3框架解析与应用实践(六)
  6. 多视觉任务的全能: HRNet
  7. CVPR2020论文解读:CNN合成的图片鉴别
  8. 2021年大数据Spark(二):四大特点
  9. Mysql悲观锁以及乐观锁案例说明
  10. python的redis数据库连接与使用