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

已于 2023-03-27 15:38:37 修改
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： #Layui 文章标签： Layui
于 2022-11-14 21:08:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/david_520042/article/details/126775921
本文探讨了在Layui框架中如何实现弹窗内再弹窗，使得新弹窗能够在父级页面下方正确显示。通过调整代码，确保二级弹窗不因大小和多窗口效果而受到影响。关键在于添加'parent'参数，但此做法可能导致返回值直接返回到首次打开的页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

弹窗中再弹窗让新弹窗再父页面下弹出

Layui弹窗无论是效果还是操作性都是非常棒的，lauyui弹窗通常因为大小及多窗口效果不太理想。如何让新弹窗像第一次弹出在父页弹出。

代码

加一个parent

            $("#getWorkOrder").click(function() {
   
                var index = pare
了解本专栏 订阅专栏 解锁全文 超级会员免费看
layer弹窗在iframe内，在整个浏览器窗口显示弹窗
龚清林的博客
02-24 3757
在layer弹窗框架中，如果你想要在一个嵌套在父页面中的iframe内打开一个新的layer窗口，并使其跳出iframe，在整个浏览器窗口显示。
LayUI 知识点汇总（强烈推荐收藏）
最新发布
时光清浅处，一步一安然
04-30 1078
layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发，绝对是广大后端开发者的一个宝藏工具。下面是我在实际项目中使用Layui的一些总结，每个都是非常实用的技能点，希望能够帮到同样在使用这个工具的你们。
layui 在一个弹窗中点击某一按钮再次弹一个窗口并将第一个窗口关闭
weixin_45999514的博客
01-24 589
本文链接：https://blog.youkuaiyun.com/Devil_Forever/article/details/108398825。版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。//获取当前窗口的name。
layui 关闭当前弹窗打开新弹窗
wingold_sky的博客
01-11 1327
【代码】layui 关闭当前弹窗打开新弹窗。
layeri弹窗嵌套弹窗
长风破浪会有时的博客
12-15 2010
当打开了一个layer.open()之后，如果在open的页面上面还有一个layer.open()去再次打开一个弹出层，这时候第二个打开的弹出层是在最早打开的基础上，然后镶嵌在里面的。 如果第一个弹出层很大，而第二个弹出层比较小，可能不会太影响用户体验；但是如果第一个弹出层很小，而第二个弹出层却很大，这时候效果就很不理想了。 想要这个第二个弹出层不嵌套在第一个弹出层中，通常的办法是使用window.top对象。 top.layer.open() 像这样就能在顶级页面（最底层）打开弹出层，遮罩也是完全覆
详解layui弹窗父子窗口之间传参数的方法
08-28
弹窗功能可以让用户在当前页面打开一个新的窗口，以便进行一些操作。但是，在layui 弹窗父子窗口之间传参数是一个常见的问题。本文将详细介绍 layui 弹窗父子窗口之间传参数的方法。 首先，让我们了解一下 layui ...
快速解决layui弹窗按enter键不停弹窗的问题
10-16
本文将详细解读如何快速解决在使用layui框架进行前端开发时遇到的弹窗组件按Enter键导致重复弹出的问题。LAYui是一个前端UI框架，它基于jQuery，提供了丰富的网页UI组件和一套完整的解决方案。在日常开发中，开发者...
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
10-16
本篇文章将详细介绍如何使用 Layui 实现二级弹窗弹出后自动关闭一级弹窗的方法，这对于构建多层交互的页面逻辑尤为重要。 首先，我们需要理解 Layui 弹窗的工作原理。Layui 的弹窗组件是基于 iframe 或 div 实现的...
layui二次弹窗并关闭原有弹窗问题
dongzhanglong的博客
11-17 3942
layui二次弹窗并关闭原有弹出问题 项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。 我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。 所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。 主页面函
Layui 关于在使用Layui弹出层的时候,弹两个窗口时再使用第二次弹窗的时候导致窗口不能点击
beyond丿灬的博客
10-05 6984
问题如标题,原因是因为我做的添加和修改是在同一个窗口中,但是由于我在第一层的窗口中的一个按钮需要调用打开第二层窗口,所以就导致在代码上一个按钮绑定了两次click时间,在第一次使用过后,再去使用的时候会导致第一次的事件也会执行,页面上会多弹出一个窗口导致页面无法点击,解决方法就是在你弹出第二层窗口中使用$("div.layui-layer-shade:last-child").hide();这样可...
layui 父子页面以及弹出窗的交互
weixin_42440765的博客
09-27 791
一、弹出窗内容为另一个页面 var index = layer.open({ type: 2, area: ['800px', '500px'], content: 'addsel', btnAlign: 'c'} 其中addsel表示页面addsel.html 二、操作弹出窗中的页面 var index = layer.open({ type: 2, area: ['800px', '500px'], content: 'addsel',
layui框架--子页面弹出框layer显示在父页面上面
那就这样吧~
11-20 3506
我们在子页面“添加”按钮点击后，会弹出子页面add.html页面。如下 以上“添加”按钮对应的页面代码为 我们想要add子页面可以在index页面范围内都可以移动，就需要修改代码 在弹出层layer之前，使用parent来操作，指定弹出到父页面上， 但是会出现，点击list页面添加按钮，没有任何的反应。 parent.layer.open为什么用不了的解决办法 父页面也需要 1.引入 layui.js 2. layui.use(['table','layer'],function(){ var ta.
Layui弹出层关闭后再次闪现一个弹出层的框问题
qq_34794527的博客
07-17 757
本人后端开发菜鸟，按照测试的要求需要修改问题，主要问题是弹出层关闭后，会闪现一个小框，截图发现，这个小框是这个弹出层无内容后的框，经过好久的检查后发现问题并总结方法 两种方法： 1、可能是弹出层的大小问题，通过设置大小可以解决此问题 2、通过查看layui文档发现，可以设置关闭动画效果。。。。。。 ...
layui框架layer弹窗点X，再次弹出之前信息没清空，问题解决
卡卡罗特的博客
07-04 5945
在项目中用到layer里面填写表单，提交后；再次填写时，会把之前的填写信息一同提交；解决方法：使用end回调方法,刷新一下页面layui.use('layer', function(){ var layer = layui.layer; layer.open({ type: 1, title: '修改机器人设置', shad...
layui如何存在多个弹窗_layer重复弹出(layui弹层同时存在多个)的解决方法_心善_前端开发者...
weixin_39844525的博客
01-14 4625
解决layui弹出层点击多次弹出问题这个问题其实是疏忽了一些 基础参数(仔细看文档，仔细看文档，仔细看文档)一、type – 基本层类型类型：Number，默认：0layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用，则 type为必填项(信息框除外)类型：Numbe...
layui 实现二级弹窗弹出之后 关闭一级弹窗
hellow_world_的博客
03-02 4828
场景：    需要在二级弹窗弹出之后 关闭一级弹窗    自己大概看了下 官方文档 没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接 谢谢)自己的解决方案:    在父页面 加个关闭一级弹窗的函数 然后在一级弹窗弹出的回调函数里面调用父页面的关闭弹窗函数主页面JS一级弹窗页面的JS   如果有更好的办法 欢迎回复...
layui弹出层弹出另一个页面
热门推荐
lupinlll的博客
12-07 3万+
layer.open({ type: 2, skin: 'layui-layer-demo', //样式类名 title: '标题', closeBtn: 0, //不显示关闭按钮 anim: 2, area: ['893px', '60...
layui弹窗
weixin_40079336的博客
12-04 285
layui中父页面获取到子页面的值并进行处理 layui.layer.open({ title : [ '办理离职', 'font-size:18px;' ], type : 2, shadeClose : false, maxmin : false, //开启最大化最小化按钮 //area : [ '25%', '45%' ], scrollbar: fals...
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`选项是否被正确设置，或者是否有其他层级控制影响了弹窗展示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

厦门德仔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值