解决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 相关文章推荐
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
异步加载script的代码
Jan 12 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
Jan 23 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
vue h5移动端禁止缩放代码
Oct 28 Javascript
javascript实现电商放大镜效果
Nov 23 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
discuz安全提问算法
2007/06/06 PHP
PHP内核探索:变量概述
2014/01/30 PHP
phplot生成图片类用法详解
2015/01/06 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
PHP中ID设置自增后不连续的原因分析及解决办法
2016/08/21 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
javascript实现yield的方法
2013/11/06 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
JS的参数传递示例介绍
2014/02/08 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
Layui表格监听行单双击事件讲解
2019/11/14 Javascript
如何使用vue slot创建一个模态框的实例代码
2020/05/24 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
pycharm实现print输出保存到txt文件
2020/06/01 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
化验室技术员岗位职责
2013/12/24 职场文书
活动策划邀请函
2014/02/06 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
圣诞晚会主持词
2015/07/01 职场文书
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers