layer学习，layer.close(index) - 关闭特定层(转载自官网)

最新推荐文章于 2024-04-22 14:09:18 发布
最新推荐文章于 2024-04-22 14:09:18 发布
阅读量1.4w 收藏 17
点赞数 9 
//当你想关闭当前页的某个层时
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();
//正如你看到的，每一种弹层调用方式，都会返回一个index
layer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可
 
//如果你想关闭最新弹出的层，直接获取layer.index即可
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
 
//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭  


layer.closeAll(); //疯狂模式，关闭所有层
layer.closeAll('dialog'); //关闭信息框
layer.closeAll('page'); //关闭所有页面层
layer.closeAll('iframe'); //关闭所有的iframe层
layer.closeAll('loading'); //关闭加载层
layer.closeAll('tips'); //关闭所有的tips层

layer弹出页面设置滚动条是否出现

<body style="overflow-y: hidden" scroll="no">




转载自https://www.layui.com/doc/modules/layer.html#layer.alert

伤心的桔子嘎
关注
  • 9
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
LayerClose弹窗关闭刷新
sixteen_cicle的博客
06-15 1万+
//LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var inde
layer实现关闭弹出层刷新父界面功能详解
08-28
通常，我们在关闭layer弹出层时会使用`parent.layer.close(index)`来关闭当前的弹出窗口，其中`index`是弹出层的索引。然而，如果要在关闭弹出层的同时刷新父界面，我们需要加入额外的代码。这里有两个常见的优化...
layer.close()关闭进度条和Iframe窗的方法
12-12
如下所示： var index = layer.load(2, { shade: false });//加载的风格，支持0-2 layer.close(index);//关闭进度条 self.close = function () { //关闭自身 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭，强制关闭弹窗 } layer.closeAll(); //疯狂模式，关闭所有层 layer.closeA
JavaScript：layer关闭指定弹出窗口
qq_46119575的博客
06-15 5303
在前端页面中，用 layer 打开窗口供用户输入或选择是非常常见的用法，但是有时为了完成一次操作，需要弹出多个窗口进行选择、输入或者提示，因此在关闭窗口的时候需要实现指定关闭任意窗口，而不能关闭错了或者乱了这篇文章介绍了 layer 如何在多个窗口中关闭指定的窗口以及如何一次关闭所有窗口。
layer弹出层点击关闭按钮刷新父页面
最新发布
qq_24100549的博客
04-22 214
例：页面写个a标签方便调用：<a id=“hidalayerclose” style=“display: none;” οnclick=“fureload()”>在弹出层页面，，找到layer关闭按钮，写一个关闭事件，里面去执行js方法。
layer弹出层的关闭问题——在执行完毕后关闭当前弹出层
amberom的专栏
02-22 1万+
今天再用layui写东西的时候遇到一个问题，就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层，查阅资料之后终于找到了解决的办法。下面两段出自官网文档。 一、layer.close(index) - 关闭特定层 关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到。 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.loa.
Layui layer 弹出层的使用【笔记】
m0_63622279的博客
05-18 4545
layer即弹出层组件，集众多弹层功能为一体，灵活而多样，是许多开发者的网页弹出层的首选交互方案，在各类业务场景都能发挥重要作用。首先，为了方便直接通过在线cdn引入对应的css和js。// 按钮组对应的每个按钮的函数。// 按钮组，可以有无限个按钮。
layer.open回调获取弹出层参数的实现方法
10-16
在关闭弹出层时，我们可以使用 `layer.close(index)` 方法，其中 `index` 是弹出层的索引，通常在 `yes` 回调函数的参数中可以直接获取。 最后，代码中还提到了一个获取父元素的方法：`$(window.parent.document)....
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
10-18
然后，我们使用`setTimeout()`设置一个延迟，延迟结束后调用`parent.layer.close(index)`来关闭对应的弹出层。延迟时间可以根据实际需求调整，这里设置的是1秒。 总结一下，Layer弹出的iframe层在执行完毕后关闭...
layer.alert自定义关闭回调事件的方法
10-16
在这个例子中，`parent.layer.getFrameIndex(window.name)`获取当前iframe层的索引，然后通过`parent.layer.close(index)`关闭这个索引对应的iframe层。这样，当用户关闭alert弹窗时，整个iframe层也会一同关闭。 ...
layer.msg()去掉默认时间,实现手动关闭的方法
10-16
现在，这个提示框会一直显示，直到我们手动调用`layer.close()`函数来关闭它。 手动关闭提示框可以这样实现： ```javascript layer.close(myMsg); // 手动关闭之前创建的消息提示 ``` 这里的`myMsg`是我们创建...
layer弹出层详解
Kevinvcc200的博客
01-22 9454
前言：学习layer弹出框，之前项目是用bootstrap模态框，后来改用layer弹出框，在文章的后面，我会分享项目的一些代码(我自己写的)。 layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub...
【layui】layer关闭当前窗口并刷新父页面
热门推荐
wjx_jasin的博客
09-13 2万+
function close(status){ if(status=="yes"){ window.parent.location.reload();//刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.lay...
Layui 内置方法 - layer.close(关闭特定层)
阿甘兄
04-22 2万+
关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到: //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的，每一种弹层调用方式，都会返回一个inde...
layui弹出框的使用方法
Misnice的博客
02-29 2553
layui关闭弹出层 layer.msg(‘此元素下没有子菜单！’); layui关闭弹出层 1.关闭特定层 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的，每一种弹层调用方式，都会返...
layer.close()与layer.closeAll()
qq_35315439的博客
05-25 4006
//当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.load(); var index = layer.tips(); //正如你看到的，每一种弹层调用方式，都会返回一个index layer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可 //如果你想关闭最新弹出的层，直接获取layer.index即可 layer.
layer关闭弹窗
weixin_30426879的博客
09-18 206
一、关闭弹出窗 　　这是layer官网给出的帮助手册，讲解的比较详细 分成两种情况： 1、弹出层不是新的页面的时候,直接获得该弹窗的索引，然后执行close方法 layer.close(); 2、弹出窗是新的页面的时候 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); 二、...
layer中的open与close
qq_41933115的博客
04-14 1716
关于layer中的open方法与close方法open方法open函数的定义open函数里面optionsopen函数中返回的值close方法如何使用close方法关于layer中的一些发现写在最后的话 open方法 open函数用来创建一个弹出层。 open函数的定义 形式为：layer.open(options) 例如： var index = layer.open({ content: ...
【Layui】关闭弹出层
qq_54048083的博客
10-22 1113
【代码】【Layui】关闭弹出层。
.layui-m-layer { position: relative; z-index: 19891014 }
05-04
这段 CSS 代码是用于设置 Layer 弹出层的样式。其中，position: relative; 表示该元素相对于其原先的位置进行定位，而不是相对于文档进行定位；z-index: 19891014 则是设置该元素的层级，使其位于其他元素之上，避免被其他元素遮挡。19891014 这个数字可能是开发者的某个纪念日或者意义特殊的数字。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值