【使用layer.js报错解决办法】

原创 于 2022-06-15 13:31:52 发布 · 879 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文探讨了在使用layer模块时遇到的前端弹窗显示问题，着重于错误排查和修复步骤，指出引入layui.js前需确保使用jQuery 1.8以上版本，并提供了详细的引用顺序和解决建议。

使用layer.js报错

在使用layer模块的时候，发钱前端不出现弹窗，检查layer.js报错，解决办法如下：

//按照所示顺序引用
<link rel="stylesheet" type="text/css" href="layer/layer.css"/>
		<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>

在引入layui.js文件之前需要引入jquary1.8版本以上

layui layer诡异bug记录
与其用泪水悔恨昨天，不如用汗水拼搏今天
04-23 6045
1.新版本的layui使用table,最后一列工具栏会出现闪烁,重绘,测试发现我19年就没有这个bug,这个bug是后期引入的,看了很多更新记录,说后面会解决这个bug,但是没看到解决的结果,直到layui停止维护都没解决,但是实际上早期是不存在此bug的,解决办法: <script src="~/Scripts/Library/layui/layui.js?ver=2.6.8"></script> <!-- 引入 layui.js --> <scrip
layer.js错误Uncaught TypeError: i is not a function
一个PHPer的成长历程
07-24 2万+
最初是要写一个管理后台来着，项目中需要用到弹出层，但是没有前端配合，我一个小PHP需要去写这玩意，怎么办呢？查了一些资料，发现layer对我来说还行，文档写的也比较完全，学习成本不高，就下决心用这个了。但是现实总是会给你泼冷水，刚引入就报了一个莫名其妙的错误。 呐，就是这个，我自己一个人在那里纳闷，卧槽，我啥也没做啊，我只是引入进来怎么还报错了呢？ 我还心想着，这个layer.js也已经被...
详解如何在vue项目中使用layui框架及采坑
热门推荐
花落微凉梦清幽的博客
08-06 2万+
根据官网的文档，要在一个html文件下使用layui里面的组件库其实很简单，但是在vue项目中使用该ui库却存在着很多坑，下面我们就详细讲解一下如何在vue-cli搭建的项目下使用layui 1.第一个坑：vue项目中使用npm安装引入时报错（目前并没有找到引入的合适的方式，知道的可以留言探讨） 在官网中我们可以看到他提到支持npm安装，但是当我们安装成功后，在main.js中引入时却报并不能...
解决layer.css引入显示undefined
Mr_Fei14的博客
01-25 2278
@解决layer.css引入显示undefinedcss/modules/layer/default/layer.css 只需找到自己的layui.js文件，然后查找以下关键字： n.dir 然后将n.dir替换为(n.dir?n.dir:"/css/layui/")，后面的路径为自己项目下layui路径 最后效果图如图 之后layer组件就可以正常使用 ...
使用layui时遇到的bug
wxiao_xiao_miao的博客
09-10 1063
使用内置模块时 1.先加载layui.js 2.加载模块 let 变量 = layui.模块名;（通常变量名与模块名相同，当使用layer弹出层模块时，不需要加载模块就可直接使用） 3.表单 3.1表单验证 3.1.1自定义 form.verify({}); 规则名称: [正则表达式, 不通过时的提示]或者function (a) { return不通过时的提示 } 3.1.2使用 ①给input加 lay-verify="验证规则 | 验证规则" ②form标签必须有 ...
iframe里面使用top.layer.open报错
02-16
这个报错通常是由于在一个iframe中调用了top.layer.open函数，但是在顶层窗口（即父窗口）中没有引入layer库所致。 解决这个问题的方法是在父窗口中引入layer库，确保在iframe中调用top.layer.open函数时可以正确地...
解决Layui中layer报错的问题
01-19
解决方法，查看网上说名，是非独立版导致直接使用layer导致，只需要在使用时加一说明，申明一下使用。 layui.use(['element','layer'], function(){ var element = layui.element,layer=layui.layer; //一些事件...
layer弹窗:top.layer弹窗到父页面跨域解决办法
05-15
标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题，主要涉及到iframe、跨域以及layer的使用技巧。下面我们将详细探讨这个问题及其解决方案。 首先，我们了解下**iframe**。iframe（Inline Frame）...
使用mapvgl.IconClusterLayer报错b2.map.mercatorToLngLat is not a function
最新发布
07-19
我们正在解决一个关于mapvgl.IconClusterLayer报错的问题，错误信息是"b2.map.mercatorToLngLat is not a function"。 根据错误信息，这通常是因为在调用`mercatorToLngLat`方法时，`b2.map`对象上没有这个方法。...
html改jspcss显示异常,jsp加载css失败的原因有？
weixin_42469315的博客
06-16 748
本文总结了jsp加载css失败的4个常见原因，以及相应的解决方案，有着一定的参考价值，现在将它分享给各位，希望对各位有帮助。jsp加载css失败的原因有？可能的原因有：css文件语法写错css文件编码出错加载css文件路径不对设置了过滤器(推荐学习：CSS视频教程)解决方法：方法一：检查css语法，利用在线css代码检测进行查错方法二：使用支持重新编码的编辑器，将css文件保存为UTF-8格式方法...
记录layer样式引入失效的解决方案
唐昊
01-23 1950
一、layer.js是依靠jQuery样式而生效的存在 故layer的引入应在jquery.js之下 <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="jquery/layer.js"></script> 二、同时还要引用css样式文件，采用特效显示 <link rel="styles
解决layer.js遮幕层无效的方法
qq_36040910的博客
07-22 1324
shadeClose :true, //点击背景关闭弹窗，true表示可关闭，false表示不可关闭 shade: [0.8, ‘#393D49’], //自定义的遮幕层样式 若出现以上属性无效，即弹窗后背景没有什么改变， 可能和引用的layer.js和layer.css有关。 更新v3.1.1版本。 js文件： /*! layer-v3.1.1 Web弹层组件 MIT License http://layer.layui.com/ By 贤心 */ ;!function (e, t) { "u
[已解决] layui layer laydate的js、css找不到路径net::ERR_ABORTED 404 以及layui hint：…… timeout问题
cwtnice的博客
07-28 6755
后端框架：Django 问题描述 无法使用layer、laydate等功能，并且查看F12 可以看到net::ERR_ABORTED 404错误，以及layui hint …… timeout 问题分析： layui组件中内部关联找不到资源。例如layui.js找不到layer.css 解决办法： 下载好的layui解压缩后，找到里面的layui文件夹，然后整个移动到static文件夹下，不要把layui的css、js文件按自己的结构放 (使用nginx处理静态资源还需要进行修改) 注：django也有自己
layui与layer同时引入冲突的问题
weixin_30606461的博客
07-02 1279
之前在项目中只有用layer,但是后来有用到了layui,结果发现同时引入这两个东东 会出现冲突的问题 导致代码运行不正常 后来网上找到了解决办法: 学习源头:http://fly.layui.com/jie/10143/ 官方文档:http://fuxiao.io/practice/docs/#/layui/layer/quickstart?id=layui-%e6%a8%a1%e5%9...
layer.js 报错 cannot read property 'XXX' of null
幽默工作室
12-17 2万+
如上图所示，前端页面引用了layer的相关内容。经最后排查问题是本人进行引用的时候数据为空导致的！ layer.msg(result.message,{time:1000}); 如上 layer.msg()函数中引用的 result.message为空直接导致报错！cannot read property 'parents' of null  综上 只需在引用相关函数的时候保证内容不为...
html引入layer.js,关于require.js引入layer.js后 layer.css等样式文件无法引入解决 Web程序 - 贪吃蛇学院-专业IT技术平台...
weixin_33594971的博客
06-16 515
require([‘{GARCIA_JS}layer/layer.js‘],function(layer){layer.config({path:‘{GARCIA_JS}layer/‘ //layer.js所在的目录，可以是绝对目录，也可以是相对目录});$(document).on(‘click‘,‘#checkButton‘,function(){var code=$("input[name=...
laravel5.*加载layer.js，报404错误！
weixin_45871804的博客
02-29 1109
laravel5.*加载layer.js，404错误问题解决！ 在view页面加载js文件时，明明路径没有写错，然后在浏览器调试的时候却显示404，找不到js，反复查看了代码，也看不出什么问题，路径也没写错 后来查了下，要用一个方法来加载 <script src="{{URL:'js/layer/layer.js'}}"></script> 之后又出现了jQuery的...
vue中引入layer.js出错
yangchuangxyz的博客
08-10 4239
之前学vue的时候，想引用layer插件，按照网上的步骤，先引入jquery，再引入layer.js，结果报错 后来我在index.html页面全局引入，就可以了 一个小坑，分享一下！  ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sunshineづ阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值