layui 实现二级弹窗弹出之后 关闭一级弹窗

最新推荐文章于 2025-09-14 16:06:08 发布
原创 最新推荐文章于 2025-09-14 16:06:08 发布 · 4.8k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在二级弹窗出现后关闭一级弹窗的方法。通过在父页面定义一个关闭一级弹窗的函数，并在一级弹窗弹出的回调中调用此函数实现。期待更优方案。

场景：

    需要在二级弹窗弹出之后 关闭一级弹窗

    自己大概看了下 官方文档 没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接 谢谢)

自己的解决方案:

    在父页面 加个关闭一级弹窗的函数 然后在一级弹窗弹出的回调函数里面调用父页面的关闭弹窗函数

主页面JS




一级弹窗页面的JS

   


如果有更好的办法 欢迎回复

[Layui]弹窗中再弹窗让新弹窗再父页面下弹出
德仔
11-14 1173
Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。
layui 监听弹窗关闭并刷新父级table
Light
07-17 1397
layui监听弹窗关闭并刷新父级table
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
10-16
今天小编就为大家分享一篇layui 实现二级弹窗弹出之后 关闭一级弹窗的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Layer、LayUI
最新发布
2301_79704601的博客
09-14 551
关系：Layer 最初是 LayUI 的内置组件，后来被分离为独立库，可单独引入到任何项目中（不依赖 LayUI）。定位：经典的前端 UI 框架，由国人开发，主打 “极简模块化”，适合快速构建后台管理系统、企业级 Web 界面。基于 jQuery，提供了丰富的 UI 组件（表格、表单、弹窗、导航等），开箱即用。定位：独立的 Web 弹窗组件，是 LayUI 的 “核心成员”，也可单独使用。支持多种弹窗类型（信息提示、页面层、iframe 层、加载层等）。文档简洁，中文支持友好，学习成本低。
layui当有两个或多个弹框时，第二个弹起，第一个就要关闭
杨葱儿
01-10 6794
//关闭弹窗的方法 <script type="text/javascript"> function closed(){ layer.close(abcs) } var abcs=''; function one(){ abcs =layer.open({ ... }) } function two(){ layer.open({ ... ...
【layui】多层弹出框顺序关闭问题解决
柠檬加冰
11-06 3255
需求 目前有A,B,C三层页面，A弹出B页面，B弹出C页面。 在C页面执行完操作后，需要将数据直接返回给A页面，并关闭C页面以及B页面。 实现思路 在A页面写一个回调方法，用于接受C页面的参数 //回调函数 function callBack(id,name) { $("#unitName").val(name); $("#entityId").v...
layui点击弹出层中按钮，关闭弹出层
a5252145的博客
07-12 7699
layui点击弹出层中按钮，关闭弹出层 原理：点击自己定义的button时，触发弹出层右上角取消按钮。 <button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button> function save() { $(".layui-layer-close1").trigger(...
layui实现二维码弹窗、并下载到本地的方法
12-13
// 弹出弹窗 var index = layer.open({ // 页面层类型 type: 1, title: '分享二维码', // 是否点击遮罩关闭 shadeClose: true, // 自定义弹窗样式 skin: 'demo_share', // 遮罩透明度 shade: 0.3, max...
使用layui前端框架弹出form表单以及提交的示例
10-16
**第二步：实现弹出提示框** 在layui中，我们可以使用`layer`模块来创建弹窗。例如，当用户点击删除按钮时，会弹出一个确认提示框询问用户是否真的要执行删除操作。在示例代码中，`.del`是删除按钮的class，点击后会...
layui 在一个弹窗中点击某一按钮再次弹一个窗口并将第一个窗口关闭
weixin_45999514的博客
01-24 644
本文链接：https://blog.youkuaiyun.com/Devil_Forever/article/details/108398825。版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。//获取当前窗口的name。
关闭当前layer弹出层，点按钮再弹出一个layer弹出层
mickeymouse2的博客
10-10 1622
关闭当前layer弹出层，点按钮再弹出一个layer弹出层 yes - 确定按钮回调方法 类型：Function，默认：null 该回调携带两个参数，分别为当前层索引、当前层DOM对象。如: layer.open({ content: '测试回调', yes: function(index, layero){ layer.close(index); //如果设定了yes回调，需进行...
关于layui 两层弹框 ，关闭一个后，刷新上一个弹框的某个下拉框问题
liangwenli_的博客
10-15 3656
(我使用的layui版本为2.4.3) 最近因为项目需要，需要实现一层弹框(下面称之为A弹框)后，点击按钮跳出二层弹框(下面称中国之为B弹框)，可以实现添加新的下拉框值，然后再关闭B弹框是，可以实现局部刷新A弹框中的部分块，使得刚添加的值显示，但是不能是整个页面刷新。 需求抛出来，接下来说说我自己的实现过程，以及走过的坑吧。 首先把弹框部分代码实现，如下: //监听提交 layui.(['fo...
layui,关闭弹窗失败？
_是鱼的博客
10-12 933
layui关闭弹窗失败可能是获取当前页面index错误，官方给出的方法只能获取最新打开的窗口下标，如果在页面中开启过其他窗口（比如说上传文件）会导致获取不到当前页面下标； 直接获取iframevar index = parent.layer.getFrameIndex(window.frameElement.id); parent.layer.close(index); 如果上面那个方法不行，那你就只能关闭所有弹窗了parent.layer.closeAll(); ...
layui关闭当前弹出层显示下一弹出层
qq_42967957的博客
12-05 1185
$.ajax({ url : ctx + 'url?t=' + Math.random(), //url查询未阅读的公告 success : function(result) { var noticeId; if (0 == result.code) { dataList = result.data; //查询出来数据 var x = 0; ...
layui弹框关闭弹框的问题
weixin_43831302的博客
03-29 1432
1.layer.open打开一个页面，利用layer.CloseAll()关闭页面， 2.首先将页面打开和关闭的方法放在父页面，子页面打开页面直接调用父页面的方法就可以了 3.代码如下： 1）封装的方法 // 关闭弹框 closePage:function(){ layer.closeAll(); //关闭全部弹框 }, // 打开请输入数量的页面 pageOpenNum:function(id,nu
layui 点击打开弹框的默认关闭按钮执行操作
onlylele的博客
11-01 2027
layui 当打开弹框时，点击弹框的默认关闭按钮执行想要的操作； layer.open({ type: 2 ,title: '入库审核' ,area: ['80%', '100%'] ,offset: 'rb' //右下角弹出 ,shade: 0.5 ,anim: 2 ,isInAnim:true ,isOutAnim:true...
layui二次弹窗并关闭原有弹窗问题
dongzhanglong的博客
11-17 4013
layui二次弹窗并关闭原有弹出问题 项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。 我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。 所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。 主页面函
layui弹窗中再进行弹窗，第二次弹窗不是在最顶层
09-25
layui是一个轻量级的前端UI框架，它提供了一个便捷的方式来创建和管理窗口（即弹窗）。当你在layui的弹窗（layer）中嵌套打开另一个弹窗时，如果希望新打开的弹窗始终位于最顶层，可以设置一个新的弹窗配置项`form`，将其值设为`true`，这将开启一个新的独立层（iframe）来显示弹窗内容。 例如： ```javascript layui.use('layer', function () { layer.open({ type: 2, // 弹出层类型为iframe form: true, // 开启独立的弹窗层 content: '这是第二个弹窗的内容', shade: [0.5], // 设置半透明遮罩层 title: '二级弹窗', // 标题 btn: ['确定'], // 按钮配置 yes: function (index) { // 确定按钮点击后的回调 console.log('按钮点击'); }, cancel: function () { // 取消按钮点击后的回调 console.log('取消按钮点击'); } }); }); ``` 如果你发现第二次弹窗并没有出现在最顶层，可能是之前的配置存在问题，需要检查`form`选项是否被正确设置，或者是否有其他层级控制影响了弹窗展示。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值