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 firefox兼容ie的dom方法脚本
May 18 Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
基于Angularjs实现分页功能
May 30 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
JavaScript实现旋转木马轮播图
Mar 16 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 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
用户的详细注册和判断
2006/10/09 PHP
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
鼠标滑过出现预览的大图提示效果
2014/02/26 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
2018/05/17 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
详解Python字符串对象的实现
2015/12/24 Python
详解Python爬虫的基本写法
2016/01/08 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
Django返回HTML文件的实现方法
2020/09/17 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
团日活动总结
2014/04/28 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
2014年节能工作总结
2014/12/18 职场文书
英语感谢信范文
2015/01/20 职场文书
文艺演出主持词
2015/07/01 职场文书
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL