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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
JavaScript 直接操作本地文件的实现代码
Dec 01 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
图片动画横条广告带上下滚动的JS代码
Oct 25 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
JS利用cookies设置每隔24小时弹出框
Apr 20 Javascript
JS请求servlet功能示例
Jun 01 Javascript
JavaScript实现简单轮播图效果
Dec 01 Javascript
小程序实现筛子抽奖
May 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
php中socket通信机制实例详解
2015/01/03 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
初识通用数据库操作类――前端easyui-datagrid,form(php)
2015/07/31 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
Python中常见的异常总结
2018/02/20 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
django使用多个数据库的方法实例
2021/03/04 Python
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
学年自我鉴定范文
2013/10/01 职场文书
公益活动邀请函
2014/02/05 职场文书
任命书格式
2014/06/05 职场文书
同意落户证明
2015/06/19 职场文书
python 中的jieba分词库
2021/11/23 Python
Win11快速关闭所有广告推荐
2022/04/19 数码科技