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

最新推荐文章于 2024-01-24 15:17:04 发布
最新推荐文章于 2024-01-24 15:17:04 发布
阅读量4.7k 收藏 3
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hellow_world_/article/details/79420921
版权

场景：

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

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

自己的解决方案:

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

主页面JS




一级弹窗页面的JS

   


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

wenlianglian
关注
专栏目录
[Layui]弹窗中再弹窗让新弹窗再父页面下弹出
德仔
11-14 911
Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。
解决 layui 弹出层（弹框）一闪而过就消失的问题 以及显隐属性失败的问题
最新发布
hjm123456q的博客
08-22 255
在页面中使用了form表单，把button按钮放在了form中，在这种情况下，如果没有指定button标签的type属性的话，默认会是submit，所以出现了一闪而过的现象。在页面中，layer的弹出框，不管是layer.alert，还是layer.msg等等，都会出现一闪而过的问题，研究发现，总结如下。目前在写layui的项目，遇到了挺多问题，后面会陆续总结出来，给同在开发layui项目的大家填一些坑。，检查代码无误后在网上发现大神的解析，醍醐灌顶，问题已解决。
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
10-16
今天小编就为大家分享一篇layui 实现二级弹窗弹出之后 关闭一级弹窗的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui 在一个弹窗中点击某一按钮再次弹一个窗口并将第一个窗口关闭
weixin_45999514的博客
01-24 364
本文链接：https://blog.csdn.net/Devil_Forever/article/details/108398825。版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。//获取当前窗口的name。
关闭当前layer弹出层，点按钮再弹出一个layer弹出层
mickeymouse2的博客
10-10 1482
关闭当前layer弹出层，点按钮再弹出一个layer弹出层 yes - 确定按钮回调方法 类型：Function，默认：null 该回调携带两个参数，分别为当前层索引、当前层DOM对象。如: layer.open({ content: '测试回调', yes: function(index, layero){ layer.close(index); //如果设定了yes回调，需进行...
使用layui前端框架弹出form表单以及提交的示例
10-16
**第二步：实现弹出提示框** 在layui中，我们可以使用`layer`模块来创建弹窗。例如，当用户点击删除按钮时，会弹出一个确认提示框询问用户是否真的要执行删除操作。在示例代码中，`.del`是删除按钮的class，点击后会...
layui实现二维码弹窗、并下载到本地的方法
12-13
// 弹出弹窗 var index = layer.open({ // 页面层类型 type: 1, title: '分享二维码', // 是否点击遮罩关闭 shadeClose: true, // 自定义弹窗样式 skin: 'demo_share', // 遮罩透明度 shade: 0.3, max...
layui 弹出层回调获取弹出层数据的例子
12-09
这里，`type: 2` 表示我们打开的是一个二级页面，即在弹出层内加载了一个完整的HTML页面。`content` 参数指定了弹出层要加载的URL，其中包含了项目ID(`pkProject`)。`yes` 函数是当用户点击“确定”按钮时触发的回调...
关于layui 两层弹框 ，关闭一个后，刷新上一个弹框的某个下拉框问题
liangwenli_的博客
10-15 3548
(我使用的layui版本为2.4.3) 最近因为项目需要，需要实现一层弹框(下面称之为A弹框)后，点击按钮跳出二层弹框(下面称中国之为B弹框)，可以实现添加新的下拉框值，然后再关闭B弹框是，可以实现局部刷新A弹框中的部分块，使得刚添加的值显示，但是不能是整个页面刷新。 需求抛出来，接下来说说我自己的实现过程，以及走过的坑吧。 首先把弹框部分代码实现，如下: //监听提交 layui.(['fo...
layui,关闭弹窗失败？
_是鱼的博客
10-12 798
layui关闭弹窗失败可能是获取当前页面index错误，官方给出的方法只能获取最新打开的窗口下标，如果在页面中开启过其他窗口（比如说上传文件）会导致获取不到当前页面下标； 直接获取iframevar index = parent.layer.getFrameIndex(window.frameElement.id); parent.layer.close(index); 如果上面那个方法不行，那你就只能关闭所有弹窗了parent.layer.closeAll(); ...
layer弹窗多按钮点击关闭问题解决
11-12
layer弹窗多按钮点击关闭问题解决
layui关闭当前弹出层显示下一弹出层
qq_42967957的博客
12-05 1088
$.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 1277
1.layer.open打开一个页面，利用layer.CloseAll()关闭页面， 2.首先将页面打开和关闭的方法放在父页面，子页面打开页面直接调用父页面的方法就可以了 3.代码如下： 1）封装的方法 // 关闭弹框 closePage:function(){ layer.closeAll(); //关闭全部弹框 }, // 打开请输入数量的页面 pageOpenNum:function(id,nu
layui 点击打开弹框的默认关闭按钮执行操作
onlylele的博客
11-01 1942
layui 当打开弹框时，点击弹框的默认关闭按钮执行想要的操作； layer.open({ type: 2 ,title: '入库审核' ,area: ['80%', '100%'] ,offset: 'rb' //右下角弹出 ,shade: 0.5 ,anim: 2 ,isInAnim:true ,isOutAnim:true...
layui二次弹窗并关闭原有弹窗问题
dongzhanglong的博客
11-17 3669
layui二次弹窗并关闭原有弹出问题 项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。 我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。 所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。 主页面函
layui 关闭当前弹窗打开新弹窗
wingold_sky的博客
01-11 1115
【代码】layui 关闭当前弹窗打开新弹窗。
layui如何存在多个弹窗_layer重复弹出(layui弹层同时存在多个)的解决方法_心善_前端开发者...
weixin_39844525的博客
01-14 4504
解决layui弹出层点击多次弹出问题这个问题其实是疏忽了一些 基础参数(仔细看文档，仔细看文档，仔细看文档)一、type – 基本层类型类型：Number，默认：0layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用，则 type为必填项(信息框除外)类型：Numbe...
layui框架layer弹窗点X，再次弹出之前信息没清空，问题解决
卡卡罗特的博客
07-04 5880
在项目中用到layer里面填写表单，提交后；再次填写时，会把之前的填写信息一同提交；解决方法：使用end回调方法,刷新一下页面layui.use('layer', function(){ var layer = layui.layer; layer.open({ type: 1, title: '修改机器人设置', shad...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值