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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
jQuery表格行换色的三种实现方法
Jun 27 Javascript
使用AngularJS创建自定义的过滤器的方法
Jun 18 Javascript
AngularJS删除路由中的#符号的方法
Sep 20 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
JQuery学习总结【一】
Dec 01 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
JavaScript判断浏览器版本的方法
Nov 03 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 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 php_openssl.dll的作用
2013/07/01 PHP
PHP curl伪造IP地址和header信息代码实例
2015/04/27 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
validator验证控件使用代码
2010/11/23 Javascript
jquery mobile changepage的三种传参方法介绍
2013/09/13 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
浅析Vue.js 中的条件渲染指令
2018/11/19 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
Python 可爱的大小写
2008/09/06 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Scrapy的简单使用教程
2017/10/24 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python将string转换到float的实例方法
2019/07/29 Python
python中pyqtgraph知识点总结
2021/01/26 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
幼儿园教师请假制度
2014/01/16 职场文书
经营管理策划方案
2014/05/22 职场文书
百日安全生产活动总结
2014/07/05 职场文书
合作经营协议书范本
2014/09/16 职场文书
创业计划书之书店
2019/09/10 职场文书
JS不要再到处使用绝对等于运算符了
2021/04/30 Javascript