layer.js遇到的问题: layer.open is not a function

最新推荐文章于 2021-06-16 02:48:58 发布
最新推荐文章于 2021-06-16 02:48:58 发布
阅读量4.4k 收藏
点赞数
文章标签： javascript 前端 ViewUI
原文链接：https://my.oschina.net/linuxphp/blog/684209
版权

出现的问题：  layer.open is not a function

解决方案：

    首先检查jquery和layer的版本

我的juqery的版本：

    

/*! jQuery v1.7.2 jquery.com | jquery.org/license */

而我的layer使用的版本是：

    

/*! layer-v1.8.5 弹层组件 License LGPL  http://layer.layui.com/ By 贤心 */

解决思路：在别的项目中遇到过这个问题，当初没有问题，到这里出现问题发现原来的项目使用的是layer-v2.1的版本，所以，果断讲layer.js升级到2.1版本

 调试通过：

    错误消失，调试没有任何的异常

    

转载于:https://my.oschina.net/linuxphp/blog/684209

chujiao8094
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在layui中layer弹出层点击事件无效的解决方法
12-10
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的 2、而[removed](“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：[removed](“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用： (‘#test’).on(‘click’, function() { layer.msg(‘响应点击事件’); }); 起
使用layer时报错“layer.open is not a function”解决方案
jumptigerfu的博客
04-12 3299
查询了资料 发现layer是要依赖jQuery的情况下才能运行 所以 解决方案： 把layer的声明放在JQuery的声明之后 将: ##这里是Layer的声明 <script type="text/javascript" src="../static/js/plugins/layer/layer.min.js"></script> ##这里是jquery的声明 <script src="../static/js/jquery.min.js?v=2.1.4"
layui弹出层，报错：TypeError: layer.open is not a function
weixin_44253139的博客
10-27 3471
在使用layui弹出层时，浏览器出现报错：TypeError: layer.open is not a function 报错错误如图： 修改： 添加 var layer = layui.layer; var $ = layui.jquery; 如图： layui弹出层的官方文档上提到过这句话，但是注释了独立版layer不需要执行，我在自己写的时候，，，少写了一句话，所以最好还是复制吧，这个问题出现的频率太少了，网上都找到不到。。。 PS：layui 的三大独立组件：layer 通用型弹出层（这就是
Uncaught TypeError: layer.open is not a function
wyzlhf的博客
02-22 618
问题如图： 解决方案： 1、根据官方文档，jQuery版本需在在1.8以上，请自行查看官方文档； 2、js文件引入顺序导致，需要先导入jQuery，后导入layer； 今天遇到的问题因为2. ...
layui: layer.open加载窗体时出现遮罩层的解决方法
10-16
然而，在实际使用过程中，用户可能会遇到一个问题，即在使用 `layer.open` 打开窗体时，会伴随有遮罩层的出现，这可能会影响用户体验。本文将详细讲解如何解决这个问题。 首先，我们要了解遮罩层在 Layui 中的作用...
获取layer.open弹出层的返回值方法
10-18
在Web开发中，Layer是一个常用的JavaScript弹窗插件，它提供了丰富的弹出层功能，如提示、对话框、加载层等。在本文中，我们将深入探讨如何在使用`layer.open`创建弹出层时获取返回值的方法。 首先，`layer.open`是...
layer.open关闭父窗口 以及调用父页面的方法
10-18
在网页开发中，有时我们需要创建弹出层（popup）来展示一些信息或者进行交互操作，layer.js 是一个常用的前端...希望本文能对你在使用 layer.js 过程中遇到的问题提供帮助，也欢迎你继续探索更多前端开发的精彩内容。
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
10-16
在本文中，我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格，并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架，它提供了丰富的组件和便捷的API，包括弹层、表单...
thinkPHP框架中layer.js的封装与使用方法示例
10-17
在ThinkPHP框架中，layer.js是一个常用的前端弹窗插件，常用于提示信息、表单提交等场景。本文将详细介绍如何在ThinkPHP中封装并使用layer.js。 首先，我们需要引入layer.js及其相关依赖。在HTML模板文件中，通过`...
layer.open 按钮的点击事件关闭方法
12-02
如下所示： layer.open({ content: dat, btn: ['确定'], yes: function(index, layero){ //事件 layer.close(indxex); } }); 以上这篇layer.open 按钮的点击事件关闭方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
当你遇到layer.alert is not a function怎么办
weixin_44548814的博客
01-17 9655
撰写时间：2019年1月17日 下面我们来解决layer.alert is not a function的方法之一，下面来看一个GIS的例子，在登录之后，地图是加载出来的，当你点击区域定位是出现layer.alert is not a function。 而我们的代码是没有bug，但是它还是报错。 那是因为我们的url的地图出问题了，这是因为切图后的数据没有我们要的数据集，所以切过...
使用layer.photos点击不显示图片，没反应，解决方案
卡卡罗特的博客
04-25 9173
这项目中运用了layui这个css框架，在使用组件弹出相册时，遇到一个问题，按照官网文档，返回的json数据格式也是按照官网来的，但是不显示图片，这里有一个坑，如果你是吧官网例子粘贴过来修改如下：$.getJSON('/jquery/layer/test/photos.json', function(json){ layer.photos({ photos: json ,ani...
Uncaught TypeError: layer.xxx is not a function
desmoker的博客
09-09 3325
没有找到layer.xxx这个方法，说明没有引入或找到layer.js文件 这几天编码时遇到了js报错：   找了一下资料发现原因是：引入layer.js之前应该先引入jquery.js，jQuery本来就是layer的一个引用库。 <script type="text/javascript" th:src="@{/lib/jquery/1.9.1/jquery.min.js}" src...
layer.js错误Uncaught TypeError: i is not a function
shujuku____的博客
02-03 860
###你必须先引入jQuery1.8或以上版本 <script src="jQuery的路径"></script> <!-- 你必须先引入jQuery1.8或以上版本 --> <script src="layer.js的路径"></script> @Name：layer @Version：v3.2.0 @Description：通用 Web 弹层组件 【注意事项】 一、使用时，请把文件夹 layer 整个放置在您站点...
html引入layer.js,vue-cli脚手架引入弹出层layer插件的几种方法
weixin_35816805的博客
06-16 847
1.如何引入在vue-cli里，引入文件有几钟方法一种是用npm或者cnpm指令去下载对应的插件，然后在main.js里用import方法引入，这里不讨论这种方法我比较喜欢采用的是直接下载对应的js，然后引入到vue项目中去问题来了，如何引入呢方法如下：下载对应的js文件或者css文件，一般下载插件相关联的都会在一起进入vue-cli项目工程里的index.html文件,分别引入css文件和js文...
layer.open中使用layer.alert()或者layer.msg嵌套问题
最新发布
11-03
layer.alert()和layer.msg()是layer中常用的弹窗方法，可以在layer.open()的success事件中嵌套使用。具体实现方法如下： 1. 在layer.open()的success事件中使用layer.alert()或者layer.msg()方法，例如： ``` layer.open({ type: 1, title: '示例窗口', content: '这是一个示例窗口', success: function(layero, index) { layer.alert('这是一个示例弹窗'); } }); ``` 2. 如果需要在layer.alert()或者layer.msg()的回调函数中获取当前窗口的索引，可以将索引作为参数传递给回调函数，例如： ``` layer.open({ type: 1, title: '示例窗口', content: '这是一个示例窗口', success: function(layero, index) { layer.alert('这是一个示例弹窗', function() { console.log('当前窗口的索引为：' + index); }); } }); ``` 3. 如果需要在layer.alert()或者layer.msg()的回调函数中修改当前窗口的大小，可以使用common.resizeLayer()方法，例如： ``` layer.open({ type: 1, title: '示例窗口', content: '这是一个示例窗口', success: function(layero, index) { layer.alert('这是一个示例弹窗', function() { common.resizeLayer(index, 500, 300); }); } }); ``` 其中，common.resizeLayer()方法的实现可以参考引用中的resizeLayer方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值