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 SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
让IE6支持min-width和max-width的方法
Jun 25 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
使用开源工具制作网页验证码的方法
Oct 17 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
VUE动态生成word的实现
Jul 26 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
PHP中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
2011/10/23 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
js实现的点击div区域外隐藏div区域
2014/06/30 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
javascript深拷贝和浅拷贝详解
2017/02/14 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
vue+php实现的微博留言功能示例
2019/03/16 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
如何在python中使用selenium的示例
2017/12/26 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
基于Python实现用户管理系统
2019/02/26 Python
使用python进行波形及频谱绘制的方法
2019/06/17 Python
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
HTML5本地存储之Web Storage应用介绍
2013/01/06 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
2015新学期家长寄语
2015/02/26 职场文书
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
详解python的异常捕获
2022/03/03 Python
Nginx实现负载均衡的项目实践
2022/03/18 Servers
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏