老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 1064|回复: 2

Layui 与 JQ

[复制链接]

33

主题

50

帖子

281

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
281
发表于 2018-6-18 16:18:47 | 显示全部楼层 |阅读模式
Layui部分模块依赖jQuery(比如layer),但是你并不用去额外加载jQuery。Layui已经将jQuery最稳定的一个版本改为Layui的内部模块,当你去使用 layer 之类的模块时,它会首先判断你的页面是否已经引入了jQuery,如果没有,则加载内部的jQuery模块,如果有,则不会加载。
回复

使用道具 举报

33

主题

50

帖子

281

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
281
 楼主| 发表于 2018-6-18 16:19:49 | 显示全部楼层
另外,L ayui 的图标取材于阿里巴巴矢量图标库(iconfont),构建工具采用 Gulp 。除此之外,不依赖于任何第三方工具。
回复

使用道具 举报

33

主题

50

帖子

281

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
281
 楼主| 发表于 2018-6-18 16:39:49 | 显示全部楼层
  1. //主动加载jquery模块
  2. layui.use(['jquery', 'layer'], function(){
  3.   var $ = layui.$ //重点处
  4.   ,layer = layui.layer;
  5.   
  6.   //后面就跟你平时使用jQuery一样
  7.   $('body').append('hello jquery');
  8. });
  9. //如果内置的模块本身是依赖jquery,你无需去use jquery,所以上面的写法其实可以是:
  10. layui.use('layer', function(){
  11.   var $ = layui.$ //由于layer弹层依赖jQuery,所以可以直接得到
  12.   ,layer = layui.layer;
  13.   //……
  14. });
  15.       
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表