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 For Beginners(转载)
Jan 05 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
详解js前端代码异常监控
Jan 11 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
element-ui多文件上传的实现示例
Apr 10 Javascript
javascript实现简易数码时钟
Mar 30 Javascript
Vue数据双向绑定原理实例解析
May 15 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
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
php入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
jquery通过name属性取值的简单实现方法
2016/06/20 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
python文件的md5加密方法
2016/04/06 Python
对python中if语句的真假判断实例详解
2019/02/18 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
党员思想汇报范文
2013/12/30 职场文书
中秋节超市促销方案
2014/01/30 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
建筑管理专业求职信
2014/07/28 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python