layui 在一个弹窗中点击某一按钮再次弹一个窗口并将第一个窗口关闭

原创已于 2023-05-23 10:51:14 修改 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html

于 2020-09-04 10:11:41 首次发布

本文介绍了一种使用parent.layer API管理浏览器窗口的方法，包括关闭当前窗口和打开新窗口的技巧，这对于创建复杂的用户交互界面非常有用。

//获取当前窗口的name
var index=parent.layer.getFrameIndex(window.name);

//关闭第一个窗口
parent.layer.close(index);

/打开第二个窗口
parent.layer.open({
//…
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

霜！!

关注关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

[Layui]弹窗中再弹窗让新弹窗再父页面下弹出

德仔

11-14

1192

Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。问题：如果有返回值就直接返回到第一次打开的页面了。

layui 弹框关闭刷新 window 双层父子弹窗交互

愿你走过半生，归来任是少年。

03-31

2297

弹层之美在线调试扩展皮肤 layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被6174983人次关注）。layer 甚...

参与评论您还未登录，请先登录后发表或查看评论

layui之弹出层关闭和刷新问题

sunsineq的专栏

06-09

2225

本篇文章是根据本人实际开发的例子来讲的，不一定适用各位看官的情况描述：主页面，弹出第一个弹框，第一个弹框中在弹出第二个弹框，如图： 1是主页面，2是子弹窗，3是孙弹窗功能一：好了，第一个我要实现的功能是点击弹窗3的确定之后关闭弹窗3 上js代码，先贴出如何在主页面1中弹出弹窗2的代码： //弹窗2（代码写在主页面1） function edit() { var index = layer.open({//占坑！！！ type : 2, ...

layui 关闭当前弹窗打开新弹窗

wingold_sky的博客

01-11

1421

【代码】layui 关闭当前弹窗打开新弹窗。

layui自己添加图片按钮并点击跳转页面的例子

10-16

在本文中，我们将探讨如何在layui框架中自定义添加一个带有图片的按钮，并实现点击该按钮后跳转到新的页面。layui是一个轻量级的前端UI框架，提供了丰富的组件和便捷的操作方式，使得网页开发更为高效。下面我们将分...

django之Layui界面点击弹出个对话框并请求逻辑生成分页的动态表格

茕夜

01-16

1324

1、首先，界面上有个按钮触发操作： <button type="button" class="layui-btn layui-btn-normal" id="user_list">用户列表</button> 2、点击这个按钮触发之后，会弹出一个对话框并请求view，从数据库中得到数据并产生动态表格，其中script代码如下： <script> ...

layui.open在点击按钮回调中不关闭弹层return false不生效

Clarkbrave的博客

02-06

481

type: 0 表示的是信息框层，该类型的层同时只能存在一个。把 type:0 改成 type:1 （页面层）即可。要仔细阅读文档。

layui 关闭open弹出框刷新table表格页面的方法

10-16

例如，在layer.open的配置中，type设置为2表示是页面层，shadeClose设置为true则允许点击遮罩层关闭弹出框，shade设置为0.3表示遮罩层的透明度，maxmin设置为true表示弹出框有最大化最小化的按钮，area设置为['80%',...

在C#程序中加入一个提示弹窗，有确定和取消按钮

最新发布

05-01

好的，用户现在想在C#程序中实现一个带有确定和取消按钮的提示弹窗。我需要根据他们提供的引用和之前的对话来给出合适的解决方案。首先，用户之前的问题是关于时间差计算的，而这次是关于弹窗的实现。虽然主题不同...

Layui弹出层关闭后再次闪现一个弹出层的框问题

qq_34794527的博客

07-17

769

本人后端开发菜鸟，按照测试的要求需要修改问题，主要问题是弹出层关闭后，会闪现一个小框，截图发现，这个小框是这个弹出层无内容后的框，经过好久的检查后发现问题并总结方法两种方法： 1、可能是弹出层的大小问题，通过设置大小可以解决此问题 2、通过查看layui文档发现，可以设置关闭动画效果。。。。。。 ...

layui，点击按钮将当前已经打开的窗口页关闭、弹窗关闭

优快云 for recording problems

06-01

3727

let index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);

关闭当前layer弹出层，点按钮再弹出一个layer弹出层

mickeymouse2的博客

10-10

1640

关闭当前layer弹出层，点按钮再弹出一个layer弹出层 yes - 确定按钮回调方法类型：Function，默认：null 该回调携带两个参数，分别为当前层索引、当前层DOM对象。如: layer.open({ content: '测试回调', yes: function(index, layero){ layer.close(index); //如果设定了yes回调，需进行...

layui二次弹窗并关闭原有弹窗问题

dongzhanglong的博客

11-17

4020

layui二次弹窗并关闭原有弹出问题项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。主页面函

layeri弹窗嵌套弹窗

长风破浪会有时的博客

12-15

2057

当打开了一个layer.open()之后，如果在open的页面上面还有一个layer.open()去再次打开一个弹出层，这时候第二个打开的弹出层是在最早打开的基础上，然后镶嵌在里面的。如果第一个弹出层很大，而第二个弹出层比较小，可能不会太影响用户体验；但是如果第一个弹出层很小，而第二个弹出层却很大，这时候效果就很不理想了。想要这个第二个弹出层不嵌套在第一个弹出层中，通常的办法是使用window.top对象。 top.layer.open() 像这样就能在顶级页面（最底层）打开弹出层，遮罩也是完全覆

layui弹窗和关闭

qq_34631220的博客

08-20

3622

弹窗 <div id="biaodan" style=""> 内容 </div> 弹窗 layer.open({ type: 1, title: '编辑', area: ['80%', '80%'], shade: 0, content: $('#biaodan'), end : function() { ...

layui框架layer弹窗点X，再次弹出之前信息没清空，问题解决

卡卡罗特的博客

07-04

5971

在项目中用到layer里面填写表单，提交后；再次填写时，会把之前的填写信息一同提交；解决方法：使用end回调方法,刷新一下页面layui.use('layer', function(){ var layer = layui.layer; layer.open({ type: 1, title: '修改机器人设置', shad...

layer.msg弹出会关闭layer.open弹出的窗口问题

Nightliar的博客

11-04

9594

解决方法：给layer.open加个 type:1 layer的icon样式：

layer 弹出框再弹出框点击确认刷新父亲弹出框

changliangwl的专栏

05-06

2241

function addShip(productId,orderId){ var index = parent.layer.getFrameIndex(window.name); var iframeName = 'layui-layer-iframe'+index; top.layer.open({ type: 2,