layer.alert回调函数执行关闭弹窗的实例


Posted in Javascript onSeptember 11, 2019

对于layer.alert()弹出层来说,想要在回调函数中执行一些操作。

此时点击确定会执行回调函数,但并不会自动关闭弹窗。

layer.alert回调函数执行关闭弹窗的实例

layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { 
 $(".container").addClass("hidden");
 $(".page3").removeClass("hidden");
});

此时就需要在回调函数中手动关闭弹窗

layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) {
  //关闭弹窗
  layer.close(index);  
  setTimeout(function () { 
   $(".container").addClass("hidden");
   $(".page3").removeClass("hidden");
  }, 500)
 });
 
// 关闭所有弹窗   layer.closeAll(); 或 parent.layer.closeAll();

或者

layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function () {
 var index = parent.layer.getFrameIndex(window.name);
 parent.layer.closeAll(index);
}

以上这篇layer.alert回调函数执行关闭弹窗的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
three.js中文文档学习之通过模块导入
Nov 20 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 #Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 11 #Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 #Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 #Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 #Javascript
node-red File读取好保存实例讲解
Sep 11 #Javascript
vue中nextTick用法实例
Sep 11 #Javascript
You might like
ThinkPHP缓存方法S()概述
2014/06/13 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
JavaScript是否可实现多线程  深入理解JavaScript定时机制
2009/12/22 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
python中assert用法实例分析
2015/04/30 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
python实现扫描日志关键字的示例
2018/04/28 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
python构建基础的爬虫教学
2018/12/23 Python
python怎么自定义捕获错误
2020/06/29 Python
.net笔试题
2014/03/03 面试题
什么是View State?
2013/01/27 面试题
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
就业推荐表自我鉴定
2013/10/29 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
车辆安全检查制度
2014/01/12 职场文书
创建市级文明单位实施方案
2014/03/01 职场文书
《白鹅》教学反思
2014/04/13 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
师范生小学见习总结
2015/06/23 职场文书
关于军训的感想
2015/08/07 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
muduo TcpServer模块源码分析
2022/04/26 Redis
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技