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和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
利用React-router+Webpack快速构建react程序
Oct 27 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
Vue infinite update loop的问题解决
Apr 23 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 Javascript
JS实现购物车基本功能
Nov 08 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 开源AJAX框架14种
2009/08/24 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
javascript格式化指定日期对象的方法
2015/04/21 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
js实现一键复制功能
2017/03/16 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
Webpack中publicPath路径问题详解
2018/05/03 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
Python 寻找局部最高点的实现
2019/12/05 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
手机业务员岗位职责
2013/12/13 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
小学生成绩单评语
2014/12/31 职场文书
市场营销计划书范文
2015/01/16 职场文书
教师个人教学总结
2015/02/11 职场文书
画展观后感
2015/06/17 职场文书
网络研修心得体会
2016/01/08 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书