layer中iframe弹框中嵌套弹框关闭指定的弹框

最新推荐文章于 2022-05-28 20:19:51 发布
最新推荐文章于 2022-05-28 20:19:51 发布
阅读量779 收藏
点赞数
分类专栏： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35500778/article/details/105089366
版权

在一个父iframe弹框中，弹出一个iframe页面B，弹出一个div(type=1)的弹框C，再在C中弹出一个div(type=1)的弹框D，

需要指定index索引，在C弹框中自定义的按钮关闭C弹框需要给按钮加上一个属性并将当前的index赋值给这个属性，这样可以使用layer.close（index）关闭指定的弹出

happy-码蚁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Layui]弹窗中再弹窗让新弹窗再父页面下弹出
德仔
11-14 862
Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。
layeri弹窗嵌套弹窗
长风破浪会有时的博客
12-15 1844
当打开了一个layer.open()之后，如果在open的页面上面还有一个layer.open()去再次打开一个弹出层，这时候第二个打开的弹出层是在最早打开的基础上，然后镶嵌在里面的。 如果第一个弹出层很大，而第二个弹出层比较小，可能不会太影响用户体验；但是如果第一个弹出层很小，而第二个弹出层却很大，这时候效果就很不理想了。 想要这个第二个弹出层不嵌套在第一个弹出层中，通常的办法是使用window.top对象。 top.layer.open() 像这样就能在顶级页面（最底层）打开弹出层，遮罩也是完全覆
layer关闭一个弹窗后又打开一个弹窗失败的问题
Diamond_yoyo的博客
05-17 1168
经搜索发现原因是 来源：使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁的问题 @Gyb - 博客 - 编程圈 使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁 在编写专题图功能时，有一个场景为打开A专题数据windowA后，查询时间改变后需要重新渲染打开window，这时候执行windowA.close();windowB.open()，发现windowB中的统计图模块没有渲染出来，经调试发现，在执行统计图渲染时，windowA虽然关闭了，但是dom中
layer弹出层点击关闭按钮刷新父页面
qq_22268567的博客
05-24 1145
有两种方法：1.layer弹出层弹出的方法里面会有一个end（层销毁后触发的回调），无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。layer.open({            title:"品类合作模式添加",            type: 2,            skin: 'layui-layer-rim', //加上边框            area: ['...
Layer弹出层销毁的问题
qq_41590119的博客
09-23 2054
最近解决一个问题发现的 感觉应该挺多人遇到 记录一下： 在一张地图上有多个地块图层，在点击某个地块的时候会请求属性信息并且以layui弹窗形式展示出来。遇到的情况是单次点击会显示正常，可是连续点击且不关闭原窗口的情况下就会出现 后续打开的窗口无法渲染问题，看了半天才发现是调用layer.close()时有个延时销毁，导致新窗口打开时旧的dom节点没有来得及销毁，这样在通过id或class寻找元素时可能会找到之前的旧元素，导致新窗口没有被渲染出来 有过渡动画就会有延迟时间，所以查询较快就会出错， .
vue项目中使用vue-layer弹框插件的方法
10-15
- `layer.closeAll(type)` - 关闭所有指定类型的弹框。 在CSS样式方面，vue-layer的类名以`vl-notice`开头，如果需要自定义样式，可以覆盖这些类。 总的来说，vue-layer是一个功能强大且易于使用的弹框插件，它...
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
10-16
在本文中，我们将探讨如何使用layer这个JavaScript弹层组件来实现一个登录弹框，并在用户登录成功后自动关闭弹框并调用父窗口中的特定方法。layer是一个功能丰富的Web弹层插件，它提供了多种类型的弹出层，如提示、...
基于Layer+jQuery的自定义弹框
10-21
主要介绍了基于Layer+jQuery的自定义弹框，功能强大，实用性强,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
10-15
- 关闭弹框：在用户保存或取消编辑后，应关闭弹框，并更新父组件中的数据，保持视图与数据的一致性。 - 自定义样式：根据需求可以调整弹框的样式，使其符合整体的UI设计。 总结来说，Vue-layer为Vue项目提供了...
vue element-ui 弹窗中再次弹窗
souwer的博客
05-06 5375
vue elment-ui 弹窗中再次弹窗
layer在多层嵌套的iframe页面中关闭打开的layer弹出框的问题
汪原野
06-28 5120
layer父子层之间的常用操作 访问父页面的方法或者值的方法 访问父页面元素值 varparentId=parent.$("#id").val();// 访问父页面方法 varparentMethodValue=parent.getMethodValue();// 关闭弹出层的问题 大概分成以下三种情况： 对应当前页面的某个弹出层 var index=layer.open(...
跳出iframe（解决登录页面也被嵌套在iframe中）
liangjiayy的博客
05-28 2977
解决登录页面也被嵌套在iframe中
element-ui dialog（多弹框、嵌套弹框）被蒙版遮住
qq_35430000的博客
12-06 8379
我的情况是，在一个弹框中，点击按钮 再弹出了一个弹框，第二个弹框被蒙层遮住了。 看官方文档，查阅了下资料https://element.eleme.cn/#/zh-CN/component/dialog 发现dialog下面有两个属性，试了下，解决了问题 ...
【JQuery】可嵌套多层的弹出框对话框提示框Dialog插件
花花女王
07-17 3667
web前端常用的dialog插件。参考 弹出框插件。 前言 链接中的弹出框基本已经够用，样式简洁，插件小巧，使用便捷，支持多平台，支持移动端。 但是，这个插件无法多层嵌套。只能有一个弹出框。比如，点击登录按钮，弹出登录窗口后，登录成功的提示框就无法弹出来。 而本文就是在兼具插件所有功能后，更优化了无法多层嵌套的劣势及其他小问题。 代码 这里仅给出dialog的代码，至于图片及css...
element父弹窗中嵌套子弹窗，子弹窗被父弹出框的蒙版遮盖
weixin_46766195的博客
12-27 908
问题：element弹出框中嵌套弹出框被父弹出框的蒙版遮盖的问题： 解决方法： 在子弹窗添加属性**:append-to-body=“true”** 解决问题
解决el-dialog弹框多重嵌套,实现最好用的el-dialog
热门推荐
zmy_coder的博客
09-20 3万+
解决el-dialog弹框多重嵌套的问题。实现最好用的el-dialog       随着vueJs的广泛使用，Element组件逐渐深入人心。但是在使用element组件的时候，难免会遇到一些问题。本文跟大家分享：如何解决el-dialog弹框的多重嵌套问题，实现最好用的私人dialog，当然‘最’可能有点吹流弊啦，用的好请点赞!。 ...
前端ui框架layui——layer弹出层-弹出框方法
Smile__Mo的博客
06-15 1万+
——————————弹出框方法—————————————————1.layer.open(options) - 原始核心方法        基本上是露脸率最高的方法，不管是使用哪种方式创建层，都是走layer.open()，创建任何类型的弹层都会返回一个当前层索引，上述的options即是基础参数，另外，该文档统一采用options作为基础参数的标识例子： layer.open ({ ...
layer中iframe弹框内容撑起弹框
weixin_33796205的博客
04-08 447
2019独角兽企业重金招聘Python工程师标准>>> ...
layer.open弹框右上角关闭按钮失效
最新发布
03-09
根据提供的引用内容，layer.open弹框右上角关闭按钮失效的问题可能是由于按钮被添加了禁用样式导致的[^1]。为了解决这个问题，可以尝试以下方法： 1. 检查禁用样式的添加：确认代码中是否正确添加了禁用样式。可以使用浏览器的开发者工具检查按钮元素的class属性，确保禁用样式被正确添加。 2. 检查按钮点击事件：确认按钮的点击事件是否正确绑定。可以使用浏览器的开发者工具检查按钮元素的点击事件，确保关闭弹框的方法被正确调用。 3. 检查其他代码逻辑：检查代码中是否有其他可能导致按钮失效的逻辑。例如，可能存在其他代码在按钮点击后修改了按钮的状态或绑定了其他事件。 如果以上方法都没有解决问题，可以尝试以下方法： 4. 使用其他关闭方法：尝试使用其他关闭弹框的方法，例如手动关闭弹框的方法。可以在按钮点击事件中调用layer.close方法手动关闭弹框。 5. 更新layer组件版本：如果使用的是旧版本的layer组件，尝试更新到最新版本，以确保问题不是由于组件本身的bug导致的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值