广告
返回顶部
首页 > 资讯 > 前端开发 > html >Layui中layer报错怎么办
  • 360
分享到

Layui中layer报错怎么办

2024-04-02 19:04:59 360人浏览 安东尼
摘要

这篇文章主要介绍Layui中layer报错怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!问题描述:Uncaught ReferenceError: layer is not d

这篇文章主要介绍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 >你知道吗?亲!<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报错怎么办”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网html频道!

--结束END--

本文标题: Layui中layer报错怎么办

本文链接: https://www.lsjlt.com/news/67863.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Layui中layer报错怎么办
    这篇文章主要介绍Layui中layer报错怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!问题描述:Uncaught ReferenceError: layer is not d...
    99+
    2022-10-19
  • layui layer select选择被遮挡怎么办
    小编给大家分享一下layui layer select选择被遮挡怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在编程的时候...
    99+
    2022-10-19
  • 在layui中layer弹出层点击事件无效怎么办
    这篇文章将为大家详细讲解有关在layui中layer弹出层点击事件无效怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、click只能为页面现有的元素绑定点击事件,...
    99+
    2022-10-19
  • layui框架弹出层layer怎么使用
    使用Layui框架的弹出层(layer)可以通过以下步骤进行:1. 在HTML文件中引入Layui的样式和脚本文件:```html`...
    99+
    2023-09-22
    layui layer
  • layer中动态加载select失效怎么办
    小编给大家分享一下layer中动态加载select失效怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!问题:现在select...
    99+
    2022-10-19
  • mysql中GTID报错怎么办
    这篇文章主要介绍了mysql中GTID报错怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. 在master 上删除一条记录,而sla...
    99+
    2022-10-18
  • php中imagepng报错怎么办
    这篇文章主要为大家展示了“php中imagepng报错怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“php中imagepng报错怎么办”这篇文章吧。php imagepng报错是因为Ima...
    99+
    2023-06-20
  • layui弹框失效怎么办
    小编给大家分享一下layui弹框失效怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!之前一直用layer弹框组件一直出现这个...
    99+
    2022-10-19
  • canvas.toDataURL()报错怎么办
    小编给大家分享一下canvas.toDataURL()报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!报错详尽信息Uncaught DOMExceptio...
    99+
    2023-06-09
  • react.component 报错怎么办
    本教程操作环境:Windows10系统、react18版、Dell G3电脑。react.component 报错怎么办?react component 语法报错解决React es6语法 class Counter extends Com...
    99+
    2023-05-14
    component React
  • layui中动态图标不显示怎么办
    这篇文章给大家分享的是有关layui中动态图标不显示怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.保证在正确引入layui的CSS和JS后用法如下: <...
    99+
    2022-10-19
  • node  import报错怎么办
    本教程操作环境:Windows10系统、node18.4.0版、Dell G3电脑。node import报错怎么办?运行nodejs项目,npm start启动项目import报错,SyntaxError: Cannot use imp...
    99+
    2023-05-14
    import Node.js
  • node gm 报错怎么办
    本教程操作环境:linux5.9.8系统、node-v16.18.0版、DELL G3电脑node gm 报错怎么办?关于nodejs gm的各种各样的问题解决方法集合(中文乱码,non-conforming drawing,��Ч����...
    99+
    2023-05-14
    gm node
  • php use报错怎么办
    本文操作环境:Windows7系统、PHP7.1版、Dell G3电脑。php use报错怎么办hp use引入文件后报错记录一下:问题:原生php use引入文件后报错,提示没找到这个文件。原因:原生php没有文件自动引入机制,所以,使用...
    99+
    2015-06-08
    php use
  • Oracle Dataguard报错怎么办
    这篇文章主要为大家展示了“Oracle Dataguard报错怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Oracle Dataguard报错怎么办”这...
    99+
    2022-10-19
  • TNS-12555报错怎么办
    小编给大家分享一下TNS-12555报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在使用脚本启动数据库时,发现监听器无...
    99+
    2022-10-19
  • navicat报错10038怎么办
    这篇文章给大家分享的是有关navicat报错10038怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。  对Navicat的新建数据库进行配置后,在点连接测试的时候总是提示1...
    99+
    2022-10-18
  • php function 报错怎么办
    本教程操作环境:windows7系统、PHP8.1版、Dell G3电脑。php function 报错怎么办?php报错" Function name must be a string in xxxx"解决问题描述:在...
    99+
    2022-11-07
  • react key 报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react key 报错怎么办?react key值报错分析使用react的时候很容易出现key报错的问题,一般的解决方式就是,再报错的页面搜索 map ...
    99+
    2023-05-14
    React
  • webpack4 react报错怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。webpack4 react报错怎么办?react 项目本地升级webpack4后报错解决办法报错如上图:解决办法,进入全局安装的webpack目录下:进...
    99+
    2023-05-14
    React webpack
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作