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中"/"运算符常见错误
Oct 13 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
javascript中一些util方法汇总
Jun 10 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
Vue如何清空对象
Mar 03 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
PHP学习之PHP变量
2006/10/09 PHP
怎样在php中使用PDF文档功能
2006/10/09 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
无限树Jquery插件zTree的常用功能特性总结
2014/09/11 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
Python中的yield浅析
2014/06/16 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
英语课外活动总结
2014/08/27 职场文书
2015廉洁自律个人总结
2015/02/14 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
小学英语听课心得体会
2016/01/14 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
分享Python异步爬取知乎热榜
2022/04/12 Python