layer出现Uncaught ReferenceError: layer is not defined错误

2023-09-11前端开发
705

layer出现Uncaught ReferenceError: layer is not defined错误的原因,代码如下:
//layui的JavaScript代码区域
    layui.use('layer', function(){
        var layer = layui.layer;
        var $=layui.$; //获得layui中的jquery对象
        //layer.msg('hello'); 页面弹出提示

        //修改
        $("#addButton").click(function () {
            layer.open({
                title: '在线调试'
                ,content: '可以填写任意的layer代码'
            });
        });
    });
分析原因及解决:
1.没有导入layui的js文件
2.没有导入layer的js文件
3.如果在layui中使用layer需要**var layer = layui.layer;**声明一下
4.浏览器缓存原因
5.重启代码编辑器
 
The End

相关推荐

网站部署https后百度地图不显示问题
https的网站如果引用百度地图,会出现加载不了的问题,这是因为涉及到跨域问题,网站是https的,但是引用百度地图的是http的,这个要怎么操作呢? 比如我引用的地址:http://api.map.baidu.com/api?v=2.0ak=AK显示 后来看了一下,少了一个s=1字段,加一下s=1...
2025-07-28 前端开发
139

layui.open属性打开一个弹出层
核心方法 var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : prefix + url// iframe的url }); layer.full(index); //最小化 type - 基本层类 类型:Number,默认:0 layer提供了5...
2025-02-25 前端开发
82

使用layui弹出层layer.open弹出需要的表单
使用layui弹出层layer.open弹出需要的表单,弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端。现在用layui来实现一下这个表单吧. 1、html部分,也就是要弹出的内容: form class="layui-form" id="test" style="display:none" div class="layui-form...
2024-10-18 前端开发
220

layer.open打印iframe内容的方法
首先layer.open中的type值为2,可通过以下代码直接打印弹出层的内容,代码如下,写在layer.open中: btn:['打印'],yes:function (index, layero) {var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]...
2024-10-15 前端开发
229

解决layer.msg与parent关闭或者刷新冲突的问题
当我们用到layer.msg()和parent.location.reload()刷新的时候,会发现layer.msg不会弹出提示信息,那这种情况我们要怎么操作呢? 我们原来的代码如下(会发现执行后不会提示数据保存成功或者失败): $.post({url:"/save",data:data.field,success:function (...
2024-08-15 前端开发
227

详解ES6实现类的私有变量的几种写法
当我们在使用面向对象程序设计时,往往需要实现类的私有变量,以限制对变量的直接访问,防止出现意外修改。ES6中,有多种方式可以实现类的私有变量。...
2023-12-09 前端开发
66