当前位置: 首页 > news >正文

Layui中引入$符

遇到问题情境:

由于Layui部分内置模块依赖jQuery,所以没有单独引入jQuery,但是在使用$常规写法获取dom元素时,提示未定义

出现问题的原因:

由于Layui部分内置模块依赖jQuery,所以我们将jQuery1.11最稳定的一个版本作为一个内置的DOM模块(唯一的一个第三方模块)。只有你所使用的模块有依赖到它,它才会加载,并且如果你的页面已经script引入了jquery,它并不会重复加载。内置的jquery模块去除了全局的$和jQuery,是一个符合layui规范的标准模块。

两种解决方法:

//第一种:主动加载jquery模块
layui.use(['jquery', 'layer'], function(){ 
  var $ = layui.$ //重点处
  ,layer = layui.layer;
  
  //后面就跟你平时使用jQuery一样
  $('body').append('hello jquery');
});
 
//第二种:如果内置的模块本身是依赖jquery,你无需去use jquery,所以上面的写法其实可以是:
layui.use('layer', function(){ 
  var $ = layui.$ //由于layer弹层依赖jQuery,所以可以直接得到
  ,layer = layui.layer;
 
  //……
});

相关文章:

  • vue 监听对象时失效 / 监听对象属性改变
  • 修改elementUI组件的样式
  • vue 如何修改数组中对象的属性?
  • 【转】大型Vuex项目 ,使用module后, 如何调用其他模块的 属性值和方法
  • 跨域问题解决方法: chrome浏览器关闭CORS策略
  • 前后端分离 webpack配置api代理
  • vue基础 笔记
  • 跨域情况下前端获取response header的问题
  • Python 生成二维码
  • Python 图片转字符画
  • CSS 一个炫酷的盒子效果
  • CSS 清除浮动
  • html+css课程综合案例
  • js 两个网页之间通过URL传输数据
  • css 选择器优先级的一道题
  • AHK 中 = 和 == 等比较运算符的用法
  • Android优雅地处理按钮重复点击
  • es6--symbol
  • js
  • js面向对象
  • passportjs 源码分析
  • QQ浏览器x5内核的兼容性问题
  • vue中实现单选
  • 从0到1:PostCSS 插件开发最佳实践
  • 订阅Forge Viewer所有的事件
  • 三分钟教你同步 Visual Studio Code 设置
  • 试着探索高并发下的系统架构面貌
  • 最简单的无缝轮播
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • #QT项目实战(天气预报)
  • #Spring-boot高级
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (Forward) Music Player: From UI Proposal to Code
  • (安卓)跳转应用市场APP详情页的方式
  • (补)B+树一些思想
  • (第一天)包装对象、作用域、创建对象
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (推荐)叮当——中文语音对话机器人
  • (学习日记)2024.04.04:UCOSIII第三十二节:计数信号量实验
  • (一)80c52学习之旅-起始篇
  • (转)Unity3DUnity3D在android下调试
  • (转)关于pipe()的详细解析
  • (转)为C# Windows服务添加安装程序
  • (转载)Google Chrome调试JS
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET Core WebAPI中使用swagger版本控制,添加注释
  • .NET Core 中的路径问题
  • .net wcf memory gates checking failed
  • .NET 材料检测系统崩溃分析
  • .net图片验证码生成、点击刷新及验证输入是否正确
  • .NET与 java通用的3DES加密解密方法
  • .net中生成excel后调整宽度
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • @德人合科技——天锐绿盾 | 图纸加密软件有哪些功能呢?