Layer弹出层销毁的问题

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： layui 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41590119/article/details/108745534
版权

最近解决一个问题发现的 感觉应该挺多人遇到 记录一下：

在一张地图上有多个地块图层，在点击某个地块的时候会请求属性信息并且以layui弹窗形式展示出来。遇到的情况是单次点击会显示正常，可是连续点击且不关闭原窗口的情况下就会出现  后续打开的窗口无法渲染问题，看了半天才发现是调用layer.close()时有个延时销毁，导致新窗口打开时旧的dom节点没有来得及销毁，这样在通过id或class寻找元素时可能会找到之前的旧元素，导致新窗口没有被渲染出来

有过渡动画就会有延迟时间，所以查询较快就会出错，

解决方法  isOutAnim:false

是L啊
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
14-openlayers销毁创建好的地图容器
fxshy的博客
05-15 219
14-openlayers销毁创建好的地图容器
layui关闭弹出框
recallMei的博客
07-30 291
layer.close(index) - 关闭特定层 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的，每一种弹层调用方式，都会返回一个index layer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可 //如果你想关闭最新弹出的层，直接
layui关闭弹出层
小寒风的
11-09 471
layer.closeAll();//疯狂模式，关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page');//关闭所有页面层 layer.closeAll('iframe');//关闭所有的iframe层 layer.closeAll('loading');//关闭加载层 layer.closeAll('tips');//关闭所有的tips层 ...
layui点击弹出层中按钮，关闭弹出层
a5252145的博客
07-12 7587
layui点击弹出层中按钮，关闭弹出层 原理：点击自己定义的button时，触发弹出层右上角取消按钮。 <button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button> function save() { $(".layui-layer-close1").trigger(...
layer中iframe弹框中嵌套弹框关闭指定的弹框
qq_35500778的博客
03-25 779
在一个父iframe弹框中，弹出一个iframe页面B，弹出一个div(type=1)的弹框C，再在C中弹出一个div(type=1)的弹框D， 需要指定index索引，在C弹框中自定义的按钮关闭C弹框需要给按钮加上一个属性并将当前的index赋值给这个属性，这样可以使用layer.close（index）关闭指定的弹出 ...
layer弹出层的关闭问题——在执行完毕后关闭当前弹出层
weixin_44988848的博客
07-11 972
今天再用layui写东西的时候遇到一个问题，就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层，查阅资料之后终于找到了解决的办法。下面两段出自官网文档。 一、layer.close(index) - 关闭特定层 关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到。 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); v
layer关闭一个弹窗后又打开一个弹窗失败的问题
Diamond_yoyo的博客
05-17 1166
经搜索发现原因是 来源：使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁的问题 @Gyb - 博客 - 编程圈 使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁 在编写专题图功能时，有一个场景为打开A专题数据windowA后，查询时间改变后需要重新渲染打开window，这时候执行windowA.close();windowB.open()，发现windowB中的统计图模块没有渲染出来，经调试发现，在执行统计图渲染时，windowA虽然关闭了，但是dom中
layer弹出层点击关闭按钮刷新父页面
qq_22268567的博客
05-24 1144
有两种方法：1.layer弹出层弹出的方法里面会有一个end（层销毁后触发的回调），无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。layer.open({            title:"品类合作模式添加",            type: 2,            skin: 'layui-layer-rim', //加上边框            area: ['...
layer实现关闭弹出层刷新父界面功能详解
08-28
通常，我们在关闭layer弹出层时会使用`parent.layer.close(index)`来关闭当前的弹出窗口，其中`index`是弹出层的索引。然而，如果要在关闭弹出层的同时刷新父界面，我们需要加入额外的代码。这里有两个常见的优化...
layer.js之回调销毁对话框的例子
10-16
`layer.js`是一款轻量级的前端弹出层组件，它提供了丰富的对话框样式和功能，包括警告、提示、确认、自定义内容等，极大地简化了网页中的弹窗操作。 在默认情况下，`layer.js`的对话框在用户点击确定按钮后会自动...
弹出窗layer
06-17
Layer是一款广受欢迎的JavaScript弹出层插件，它以其易用性、灵活性和丰富的功能在开发社区中备受赞誉。本篇文章将深入探讨Layer的功能特性，以及如何在项目中高效地运用它。 首先，Layer开源的特性使得开发者能够...
layer mobile弹出层组件移动版 v1.5-源码.zip
02-26
《layer mobile弹出层组件移动版 v1.5 源码详解》 在移动应用开发中，用户界面的设计和交互体验是至关重要的。Layer Mobile弹出层组件是一款专为移动设备设计的轻量级、高性能的弹窗插件，它能够帮助开发者快速构建...
android自定义弹出窗
09-06
描述中提到的“自带遮罩层”是一个关键特性，遮罩层（Mask Layer）通常是半透明的黑色背景，用于覆盖在应用主界面之上，为弹出窗提供一个突出显示的环境，同时防止用户与背后的内容进行交互。这种设计让用户知道当前...
LayUI页面关闭和刷新问题
热门推荐
AAA_BBB
09-06 2万+
一  编辑成功后刷新父页面 $.ajax({ type: "POST", url: "${base}/pm/pmshiftEditList", data: $("#form").serialize(),//将对象序列化成JSON字符串 ...
layui之弹出层关闭和刷新问题
sunsineq的专栏
06-09 1864
本篇文章是根据本人实际开发的例子来讲的，不一定适用各位看官的情况 描述： 主页面，弹出第一个弹框，第一个弹框中在弹出第二个弹框，如图： 1是主页面，2是子弹窗，3是孙弹窗 功能一：好了，第一个我要实现的功能是点击弹窗3的确定之后关闭弹窗3 上js代码，先贴出如何在主页面1中弹出弹窗2的代码： //弹窗2（代码写在主页面1） function edit() { var index = layer.open({//占坑！！！ type : 2, ...
layui弹窗和关闭
qq_34631220的博客
08-20 3272
弹窗 <div id="biaodan" style=""> 内容 </div> 弹窗 layer.open({ type: 1, title: '编辑', area: ['80%', '80%'], shade: 0, content: $('#biaodan'), end : function() { ...
解决layui弹出层表单submit提交后弹窗自动关闭问题
前端开发工程师
12-17 5512
当表单中添加了layui内置的表单验证规则后，需要submit提交表单才生效，但是弹出层中的表单一点击submit提交按钮后弹出层会立即关闭，这样就看不到成功或者错误的提示信息了。 layui内置的校验规则lay-verify="required|phone|number" required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值 我使用的解决办法是在监听提交中添加return false;阻..
解决layui弹出层关闭后，在列表下面还出现弹出层的内容
峰
05-15 3573
解决方法： //页面层 layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 area: ['98%', '98%'], //宽高 content: $("#test_oe"), end:function (res) { $("#test_oe").css("display",'none...
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 1165
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值