当前位置:Gxlcms > JavaScript > 解决Layui中layer报错的问题

解决Layui中layer报错的问题

时间:2021-07-01 10:21:17 帮助过:109人阅读

问题描述:

Uncaught ReferenceError: layer is not defined

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

  1. layui.use(['element','layer'], function(){
  2. var element = layui.element,layer=layui.layer;
  3. //一些事件监听
  4. element.on('nav(topBarNav)', function(data){
  5. console.log(data.text());
  6. if(data.text()=="登陆"){
  7. //示范一个公告层
  8. layer.open({
  9. type: 1
  10. ,title: false //不显示标题栏
  11. ,closeBtn: false
  12. ,area: '300px;'
  13. ,shade: 0.8
  14. ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
  15. ,btn: ['火速围观', '残忍拒绝']
  16. ,btnAlign: 'c'
  17. ,moveType: 1 //拖拽模式,0或者1
  18. ,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>'
  19. ,success: function(layero){
  20. var btn = layero.find('.layui-layer-btn');
  21. btn.find('.layui-layer-btn0').attr({
  22. href: 'http://www.layui.com/'
  23. ,target: '_blank'
  24. });
  25. }
  26. });
  27. }else if (data.text()=="注册"){
  28. }
  29. });

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

人气教程排行