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 变量命名规则
Sep 23 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
js正则表达式的使用详解
Jul 09 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 Javascript
javascript 实现 原路返回
Jan 21 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
JavaScript实现指定数量的并发限制的示例代码
Mar 10 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漏洞小结
2012/02/05 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
PHP实现的简单缓存类
2015/07/29 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
jquery 面包屑导航 具体实现
2013/06/05 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
2015/03/04 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
详解ES7 Decorator 入门解析
2019/02/18 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
VUE实现吸底按钮
2021/03/04 Vue.js
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
Python实现数据库编程方法详解
2015/06/09 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
Python 高效编程技巧分享
2020/09/10 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
《雕塑之美》教学反思
2014/04/24 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
初中教师个人工作总结
2015/02/10 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python