解决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 相关文章推荐
根据出生日期自动取得星座的js代码
Jul 20 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
javascript内置对象操作详解
Feb 04 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
深入理解jQuery.data() 的实现方式
Nov 30 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
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性能的原理介绍
2012/09/05 PHP
php实现微信支付之现金红包
2018/05/30 PHP
PHP实现图片压缩
2020/09/09 PHP
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
python实现TF-IDF算法解析
2018/01/02 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
详解python中init方法和随机数方法
2019/03/13 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
美国购车网站:TrueCar
2016/10/19 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
港湾网络笔试题
2014/04/19 面试题
新郎父亲婚宴答谢词
2014/01/11 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
人事科岗位职责范本
2014/03/02 职场文书
租房协议书
2014/09/12 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
主题班会开场白
2015/06/01 职场文书
七年级生物教学反思
2016/02/20 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS
canvas实现贪食蛇的实践
2022/02/15 Javascript
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL