温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Layui中layer报错怎么办

发布时间:2021-06-26 09:52:57 阅读:201 作者:小新 栏目:web开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章主要介绍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({
      type1
      ,titlefalse //不显示标题栏
      ,closeBtnfalse
      ,area'300px;'
      ,shade0.8
      ,id'LAY_layuipro' //设定一个id,防止重复弹出
      ,btn: ['火速围观''残忍拒绝']
      ,btnAlign'c'
      ,moveType1 //拖拽模式,0或者1
      ,content'<div >你知道吗?亲!<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报错怎么办”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×