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 相关文章推荐
将字符串转换成gb2312或者utf-8编码的参数(js版)
Apr 10 Javascript
jQuery中获取Radio元素值的方法
Jul 02 Javascript
jquery $("#variable") 循环改变variable的值示例
Feb 23 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 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
openflashchart 2.0 简单案例php版
2012/05/21 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
各种快递查询--Api接口
2016/04/26 PHP
Using the TextRange Object
2006/10/14 Javascript
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
基于jquery实现下拉框美化特效
2016/02/02 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
tab栏切换原理
2017/03/22 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Python教程之全局变量用法
2016/06/27 Python
Python通过future处理并发问题
2017/10/17 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
python 显示数组全部元素的方法
2018/04/19 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
pytorch标签转onehot形式实例
2020/01/02 Python
python实现udp聊天窗口
2020/03/31 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
网站编辑求职信
2013/10/17 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python