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回调函数执行关闭弹窗的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • layer实现弹窗提交信息

    layer实现弹窗提交信息

    layer是非常好用的弹窗插件,具体参见官方文档 点击这里进入.官方有很多示例,使用方法也非常简单,引入官方下载的css和js就可以了.但是有时候,弹窗提醒并不能满足我们的所有要求.例如,在奖品界面,希望点击"编辑奖品"的时候,能弹出对话框让我们来填写信息,如下图所示: 如何用简洁美观的 layer 实现这一功能呢?官方并没有给我们提供示例,那就自己动手写吧.下面把代码贴出来. 给"添加奖品"按钮加上单击触发confirmUpdateAward方法 var awar

  • LayerClose弹窗关闭刷新方法

    //LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var index = layer.index layer.close(index); break; case "FrameIndex": var index

  • 使用layer弹窗和layui表单实现新增功能

    使用layer弹窗和layui表单实现新增功能

    1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 <div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layu

  • layer弹出层框架alert与msg详解

    layer弹出层框架alert与msg详解

    layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常情况下,除

  • layer.confirm点击第一个按钮关闭弹出框的方法

    layer.confirm弹出框,当你点击第一个按钮的时候,这个弹出层不会关闭,也是给一些小伙伴带来了一些困扰, 下面分享两个解决方案: ①可以将第一个按钮的回调函数传一个index,然后使用layer.close("index")就可以点击第一个按钮的时候关闭弹出框了,代码如下: ②第二种方法就非常的粗暴了,你可以直接在这个回调函数中写: layer.closeAll('dialog'); 也能实现点击第一个按钮的时候关闭弹出框 以上这篇layer.confirm点击第一个按钮关闭弹

  • layer关闭当前窗口页面以及确认取消按钮的方法

    如下所示: function demo() { layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);//关闭当前页 layer.msg('的确很重要', {icon: 1}); }, function(){ layer.msg('也可以这样', { time

  • layer.open关闭父窗口 以及调用父页面的方法

    实例如下: //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO } 以上这篇layer.

  • layer弹窗插件操作方法详解

    本文实例讲述了layer弹窗插件操作方法.分享给大家供大家参考,具体如下: 1.首先去http://layer.layui.com/下载插件 2.在网站上有演示说明 3.操作方法如何 <script src="../js/layer/layer.js"></script> <script> function openadd() { $str=$("#addModal").html();//加载弹窗内容 layer.open({ t

  • layer.alert回调函数执行关闭弹窗的实例

    对于layer.alert()弹出层来说,想要在回调函数中执行一些操作. 此时点击确定会执行回调函数,但并不会自动关闭弹窗. layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { $(".container").addClass("hidden"); $(".page3").removeClass("hidden"); }); 此时就需要在回调函数中手

  • JS回调函数基本定义与用法实例分析

    本文实例讲述了JS回调函数基本定义与用法.分享给大家供大家参考,具体如下: 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 字面上的理解,回调函数就是一个参数,将这个函数作为参数传到

  • C++ 中回调函数详解及简单实例

    C++ 中回调函数详解及简单实例

    C++ 中回调函数详解及简单实例 回调函数调用关系图 对于第一种情况,主程序可以从执行到回调函数,也可以不执行回调函数,关键看宿主函数是否调用了回调函数. 对于第二种情况,主程序可以从执行到回调函数,也可以不执行回调函数,关键看宿主函数是否调用了回调函数.主程序不知道宿主函数什么时候调用回调函数,因为调用函数启动了线程,这样,主程序就不必关心宿主函数什么时候调用回调函数了,主程序可以释放出来做自己的事了. 代码示例 #include <stdio.h> typedef void(*lpFunc

  • jQuery回调函数的定义及用法实例

    本文实例讲述了jQuery回调函数的定义及用法.分享给大家供大家参考.具体分析如下: jQuery代码中对回调函数有着广泛的应用,对其有精准的理解是非常有必要的,下面就通过实例对此方法进行简单的介绍. 代码实例如下: 利用回调函数,当div全部隐藏之后弹出一个提示框. 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="a

  • layer.alert自定义关闭回调事件的方法

    在项目应用中,遇到自定义关闭layer.alert弹出层,即在关闭layer.alert时,可以自动触发关闭时的事件, 具体方法为: layer.alert('爱心提示!', function(){ 自定义关闭时调用的事件}); 即在layer弹出时,点击关闭按钮,就会自动调用回调事件, 应用实例: layer.alert('发布失败!', function(){var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层

  • Python的Twisted框架中使用Deferred对象来管理回调函数

    Python的Twisted框架中使用Deferred对象来管理回调函数

    首先抛出我们在讨论使用回调编程时的一些观点: 激活errback是非常重要的.由于errback的功能与except块相同,因此用户需要确保它们的存在.他们并不是可选项,而是必选项. 不在错误的时间点激活回调与在正确的时间点激活回调同等重要.典型的用法是,callback与errback是互斥的即只能运行其中一个. 使用回调函数的代码重构起来有些困难. Deferred Twisted使用Deferred对象来管理回调函数的序列.有些情况下可能要把一系列的函数关联到Deferred对象上,以便在

  • jQuery AJAX回调函数this指向问题

    如在全局作用域调用一个含this的对象,此时当前对象的this指向的是window.为了让this的指向符合自己的意愿,JavaScript提供了两个方法用以改变this的指向,它们是call和apply,当然也有利用闭包来实现的方法.本文通过一个例子来说明这些问题. 先看一段演示代码,这代码只供演示用,没有实际意义. 复制代码 代码如下: //一个没有实际意义的socket连接对象 var socket = { connect: function(host, port) { alert('Co

  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在"sourceController.js"文件内. function sourceController(){ var root = ""; var cssCount = 0; // css加载计数器 var jsCount = 0; // js加载计数器 this.callfunc = null; // 回调函数 this.

  • javascript回调函数详解

    在高级语言层出不穷的年代, 各个语言都号称有着一切皆为对象的自豪说法, 而 js 作为一门脚本语言却相对于java等传统面向对象语言有很大的不同之处, 除了 js 诡异的继承体系之外, 最令人着迷的一个特性就是回调函数, 当然也有很多人对他诟病, 笔者认为 回调函数 和 异步 是js语言特性的两大最为突出的店, 当然正如所有优点需要满足自我的需求, 这个世界没有银弹, 比如大量的使用回调函数将会使你的代码冗余, 错乱影响代码人的视觉与思维体验. 本文是自己对学习回调函数的的体会, 难免不完善甚至

  • PHP回调函数及匿名函数概念与用法详解

    本文实例讲述了PHP回调函数及匿名函数概念与用法.分享给大家供大家参考,具体如下: 1.回调函数 PHP的回调函数其实和C.Java等语言的回调函数的作用是一模一样的,都是在主线程执行的过程中,突然跳去执行设置的回调函数: 回调函数执行完毕之后,再回到主线程处理接下来的流程 而在php调用回调函数,不想c以及java那样直接使用函数名作为函数参数,而是在php中使用函数对应的字符串名称执行 1.1.无参数回调 <?php //无参数回调 function callback(){ echo 'ex

随机推荐