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 相关文章推荐
使Ext的Template可以解析二层的json数据的方法
Dec 22 Javascript
javascript权威指南 学习笔记之javascript数据类型
Sep 24 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
JavaScript中的Promise使用详解
Jun 24 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
js判断密码强度的方法
Mar 18 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 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
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
javascript web对话框与弹出窗口
2009/02/22 Javascript
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
numpy自动生成数组详解
2017/12/15 Python
深入学习python多线程与GIL
2019/08/26 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
Python实现石头剪刀布游戏
2021/01/20 Python
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
花卉与景观设计系大学生求职信
2013/10/01 职场文书
路政管理专业推荐信
2013/11/11 职场文书
珠宝店促销方案
2014/03/21 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
python编写五子棋游戏
2021/05/25 Python
Redis特殊数据类型bitmap位图
2022/06/01 Redis