【layer】ifreme弹出层问题,导致代码失效 ——关闭当前弹出层

举报
原来是咔咔 发表于 2022/03/28 01:09:52 2022/03/28
【摘要】 文章目录 问题重现1. 代码2. 效果重现 解决问题1.分析问题2.解决问题3. 演示结果 问题重现 1. 代码 控制器会有一个验证方法 然后在页面会检测当条件不符合时...

问题重现

1. 代码

控制器会有一个验证方法
在这里插入图片描述
然后在页面会检测当条件不符合时进行跳转
在这里插入图片描述

2. 效果重现

原本的样式,注意我圈出来的
在这里插入图片描述

点击添加进入验证判断,条件不满足返回到进入页面
这个时候你会发现这里多出来了一层
在这里插入图片描述
在执行一次点击添加域名
这个时候就会发现,跳转代码失效,页面出现了三层
在这里插入图片描述

解决问题

1.分析问题

其实这个问题可以很好的分析出来,也就是在只有一层ifreme的时候所有的代码都会执行成功,但是当ifreme出现俩层的时候,就会失效

2.解决问题

咱们分析出的问题原因,那么就按照这个问题来解决问题即可。那么在他弹出一个ifreme时,当条件不满足,咱们就不必直接用连接来跳,咱们可以直接关闭这个ifreme

var index = parent.layer.getFrameIndex(window.name);
setTimeout(function(){parent.layer.close(index)});

在这里插入图片描述

3. 演示结果

条件不满足的时候,会出现一个弹框,然后点击确认后会关闭这个弹出层
在这里插入图片描述

关闭后的页面
在这里插入图片描述
这个时候就完美的解决了这个问题, 遇到问题不怕,咱们只需要把问题发生的原因给他找到,然后在进行解决就可以了

文章来源: blog.csdn.net,作者:咔咔-,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/fangkang7/article/details/99860491

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。