解决Layui中layer报错的问题


Posted in Javascript onSeptember 03, 2019

问题描述:

Uncaught ReferenceError: layer is not defined

解决方法,查看网上说名,是非独立版导致直接使用layer导致,只需要在使用时加一说明,申明一下使用。

layui.use(['element','layer'], function(){
   var element = layui.element,layer=layui.layer;
 
   //一些事件监听
   element.on('nav(topBarNav)', function(data){
    console.log(data.text());
    if(data.text()=="登陆"){
     //示范一个公告层
     layer.open({
      type: 1
      ,title: false //不显示标题栏
      ,closeBtn: false
      ,area: '300px;'
      ,shade: 0.8
      ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
      ,btn: ['火速围观', '残忍拒绝']
      ,btnAlign: 'c'
      ,moveType: 1 //拖拽模式,0或者1
      ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗?亲!<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块,由于其用户基数较大,所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块,但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'
      ,success: function(layero){
       var btn = layero.find('.layui-layer-btn');
       btn.find('.layui-layer-btn0').attr({
        href: 'http://www.layui.com/'
        ,target: '_blank'
       });
      }
     });
    }else if (data.text()=="注册"){
 
    }
   });

解决Layui中layer报错的问题

以上这篇解决Layui中layer报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个基于jquery的图片切换效果
Jul 06 Javascript
JQuery操作单选按钮以及复选按钮示例
Sep 23 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
使用Vue组件实现一个简单弹窗效果
Apr 23 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
Layui Table js 模拟选中checkbox的例子
Sep 03 #Javascript
element ui分页多选,翻页记忆的实例
Sep 03 #Javascript
JavaScript创建、读取和删除cookie
Sep 03 #Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 #Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 #Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 #Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 #Javascript
You might like
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
PHP将二维数组某一个字段相同的数组合并起来的方法
2016/02/26 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
Python入门之三角函数tan()函数实例详解
2017/11/08 Python
使用python获取电脑的磁盘信息方法
2018/11/01 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
python3实现简单飞机大战
2020/11/29 Python
如何用Django处理gzip数据流
2021/01/29 Python
python实现b站直播自动发送弹幕功能
2021/02/20 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
有原因的手表:Flex Watches
2019/03/23 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
上海方立数码笔试题
2013/10/18 面试题
20年同学聚会邀请函
2014/02/04 职场文书
2014元旦晚会策划方案
2014/02/19 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书