解决Layui中layer报错的问题

 更新时间:2019年09月03日 09:12:02   作者:veceny  
今天小编就为大家分享一篇解决Layui中layer报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

问题描述:

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报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js中 javascript:void(0) 用法详解

    js中 javascript:void(0) 用法详解

    void(0)用于执行某些处理,但是不整体刷新页面的情况下,下面小编就给大家详细介绍js中 javascript:void(0)的含义 ,需要的朋友可以参考下
    2015-08-08
  • javaScript 删除字符串空格多种方法小结

    javaScript 删除字符串空格多种方法小结

    在js中自一些字符串删除空格的功能,本文章来介绍了字符串删除功能加利用正则快速替换字符串中所有空格实现代码
    2012-10-10
  • JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

    JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

    ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能,通过本篇文章给大家介绍JavaScript中使用sencha gridpanel 编辑单元、改变单元格颜色,感兴趣的朋友一起学习
    2015-11-11
  • JavaScript树结构深度优先算法

    JavaScript树结构深度优先算法

    这篇文章主要介绍了JavaScript树结构深度优先算法,树结构可以说是前端中最常见的数据结构之一,比如说DOM树、级联选择、树形组件,更多相关内容需要的小伙伴可以参考一下
    2022-07-07
  • 原生JS实现的简单轮播图功能【适合新手】

    原生JS实现的简单轮播图功能【适合新手】

    这篇文章主要介绍了原生JS实现的简单轮播图功能,结合实例形式分析了基于javascript定时器控制页面元素动态变换实现轮播图的相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • moment.js使用超详细教程

    moment.js使用超详细教程

    Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率下,本文给大家介绍moment.js使用超详细教程,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • IE及firefox下获取及设置样式值的代码

    IE及firefox下获取及设置样式值的代码

    废话少说,直接上Code,对IE与FF下的差异,均在代码中有相关的注解
    2010-03-03
  • 微信小程序用户授权、位置授权及获取微信绑定手机号

    微信小程序用户授权、位置授权及获取微信绑定手机号

    这篇文章主要介绍了信小程序用户授权、位置授权及获取微信绑定手机号,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • function foo的原型与prototype属性解惑

    function foo的原型与prototype属性解惑

    最近在研究js,疑惑也比较多。主要是被原型这个东西给弄迷糊了。
    2010-11-11
  • Javascript中常用类型的格式化方法小结

    Javascript中常用类型的格式化方法小结

    这篇文章主要给大家介绍了Javascript中常用类型的格式化方法,其中包括格式化浮点数、格式化有符号整数(int32)、格式化无符号整数(uint32)、格式化布尔值以及格式化字符串等,文中给出了详细的示例代码,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12

最新评论