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 相关文章推荐
学习从实践开始之jQuery插件开发 对话框插件开发
Apr 26 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
Dec 01 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 Javascript
Vue2.0搭建脚手架
Mar 13 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
round robin权重轮循算法php实现代码
2016/05/28 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
python使用matplotlib绘制雷达图
2019/10/18 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
总监职责范文
2013/11/09 职场文书
外贸业务员求职信范文
2013/12/12 职场文书
个人自我评价范文
2014/02/05 职场文书
创新比赛获奖感言
2014/02/13 职场文书
高中生家长寄语大全
2014/04/03 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
服务员岗位职责
2015/02/03 职场文书
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
python​格式化字符串
2022/04/20 Python
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers