layer.close()或者layer.closeAll()失效的情况下强制关闭layer弹窗的方法

最新推荐文章于 2023-06-29 10:52:52 发布
最新推荐文章于 2023-06-29 10:52:52 发布
阅读量1.2w 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuzj12345/article/details/77479988
版权

使用layer过程中有时会遇到close()或者closeAll方法失效


js中写入如下方法即可实现强制关闭

[javascript]  view plain  copy
    1.  var index = parent.layer.getFrameIndex(window.name);  
    2.  parent.layer.close(index); 
kevin_zhuzj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
LayerClose弹窗关闭刷新方法
01-19
//LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type ==undefined){ return; } // 开始判断 switch(type){ case self: var index = layer.index layer.close(index); break; case FrameIndex: var index = parent.layer.getFrameIndex(window.name); layer
Layui 内置方法 - layer.close(关闭特定层)
热门推荐
阿甘兄
04-22 2万+
关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到: //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的，每一种弹层调用方式，都会返回一个inde...
layui关闭最上层弹窗失败的其中一个原因
easonjake的博客
05-11 719
为了方便，我们一般使用layer.close(layer.index);关闭最后加载出来的弹窗。但是如果找个弹窗的内容是一个表单，并且进行了表单验证，当验证失败时，layui会给出一个提示框，提示验证失败，这样的提示框也是会增加layer.index的值的。所以有了提示之后，layer.close(layer.index)就不能关闭我们的弹窗了，因为layer.index已经变了，不指向我们的弹窗。另外layui的异常提示层模式（lay-verType）不管是哪个方式，都会增加layer.index的值。
JavaScript：layer关闭指定弹出窗口
qq_46119575的博客
06-15 5323
在前端页面中，用 layer 打开窗口供用户输入或选择是非常常见的用法，但是有时为了完成一次操作，需要弹出多个窗口进行选择、输入或者提示，因此在关闭窗口的时候需要实现指定关闭任意窗口，而不能关闭错了或者乱了这篇文章介绍了 layer 如何在多个窗口中关闭指定的窗口以及如何一次关闭所有窗口。
layer.close()关闭进度条和Iframe窗的方法
12-12
如下所示： var index = layer.load(2, { shade: false });//加载的风格，支持0-2 layer.close(index);... //再执行关闭，强制关闭弹窗 } layer.closeAll(); //疯狂模式，关闭所有层 layer.closeA
web弹窗插件layer.js
02-24
layer.js是一款近年来备受青睐的web弹层组件,操作简单，轻松上手。 在与同类弹出层插件的比较中，layer是比叫好用的插件。轻量级的前端插件，且注重性能的提升、易用和实用性。 1、layer.js依赖jquery ...
layer.open关闭父窗口 以及调用父页面的方法
10-18
本篇文章将详细讲解如何使用 layer.open 创建弹窗，并在弹窗中关闭父窗口以及调用父页面的方法。 首先，layer.open 是 layer.js 提供的一个核心方法，用于打开一个新的弹窗。其基本语法如下： ```javascript layer...
layer弹窗:top.layer弹窗到父页面跨域解决办法
05-15
在IT行业中，跨域问题是一个常见的挑战，尤其是在网页开发中，比如当我们在使用layer弹窗插件时，可能会遇到从子页面弹出一个窗口到父页面的情况。标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题...
layer.close/closeAll无效
wx2207的博客
03-07 503
layer.close/closeAll无效
layer closeAll 无法关闭弹窗的解决办法之一
qq_44939836的博客
04-19 1569
layer closeAll 无法关闭弹窗的解决办法之一
layer.confirm 确认框的“x”关不掉页面
yayayu_的博客
07-20 2024
【问题】 layer.confirm layui 的确认框，下面两个确定、取消按钮都没有问题，点 x 关不掉，一直转圈。是什么原因导致的呀？ 【解决】 cancel:function(){ //关闭； } 1、layer.open() 2、layer.confirm（） 描述下：btn:就是按钮 ； cancel:function()：右上角 x 触发的内容； 第一个function(): 第一个钮的触发内容； 第二个function(): 第二个钮的触发内容。 $.ajax layer.confirm
layer.closeAll()时经常不起作用
u013224364的博客
02-18 1603
在layer弹出的子页面调用layer.closeAll()时经常不起作用，这时我们可以尝试调用 parent.layer.closeAll(); 这样就可以正确的关闭掉所有弹窗页面了。
LayerClose弹窗关闭刷新
sixteen_cicle的博客
06-15 1万+
//LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var inde
layer中的open与close
qq_41933115的博客
04-14 1732
关于layer中的open方法与close方法open方法open函数的定义open函数里面optionsopen函数中返回的值close方法如何使用close方法关于layer中的一些发现写在最后的话 open方法 open函数用来创建一个弹出层。 open函数的定义 形式为：layer.open(options) 例如： var index = layer.open({ content: ...
layer弹出层无法关闭问题
weixin_30838873的博客
10-12 954
parent.layer.closeAll();如果关闭指定弹出层，获取对应弹出层的索引，进行关闭 转载于:https://www.cnblogs.com/gqymy/p/9778090.html
parent.layer.close(parent.layer.getFrameIndex(window.name))； 无法关闭弹窗
qq_36393585的博客
06-29 779
name前面没有使用var关键字 所以改变了当前window的name 导致parent.layer.getFrameIndex()找不到下标 所以关不掉窗口。因为同事的一个小疏忽，我跟实施的同事找了一下午 最终才解决了这个问题 哈哈哈哈。最近在线上遇到一大坑，就是layui中的layer弹窗组件 在关闭的时候无法关闭，
layer.closeAll()无法关闭弹窗的解决办法之一
weixin_30411239的博客
06-26 724
parent.layer.closeAll() 转载于:https://www.cnblogs.com/ziyoublog/p/9227591.html
layer.closeAll
最新发布
11-02
layer.closeAll()是一个方法，可以关闭所有的弹层，包括信息框、页面层、iframe层和tips层等。如果需要只关闭某一种类型的弹层，可以在括号中传入相应的参数，例如layer.closeAll('dialog')可以关闭所有的信息框。如果需要关闭所有的loading层，可以使用layer.closeAll('loading')。需要注意的是，layer.closeAll()方法会关闭所有的弹层，包括最新弹出的层，因此在使用时需要谨慎。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值