脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → layer.alert回调函数执行关闭弹窗

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

 更新时间：2019年09月11日 17:10:53   作者：_Jester  
今天小编就为大家分享一篇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回调函数执行关闭弹窗的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 微信小程序pinker组件使用实现自动相减日期

    微信小程序pinker组件使用实现自动相减日期

    这篇文章主要介绍了微信小程序pinker组件使用实现自动相减日期,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • js中toString()与valueOf()的使用

    js中toString()与valueOf()的使用

    tostring 和 valueOf 函数是解决值的显示和运算的问题，本文主要介绍了js中toString()与valueOf()的使用，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • CSS、JS文件无法正确加载至页面问题与解决办法分享

    CSS、JS文件无法正确加载至页面问题与解决办法分享

    这篇文章主要给大家介绍了关于CSS、JS文件无法正确加载至页面问题与解决办法,文中通过图文以及代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • 页面载入结束自动调用js函数示例

    页面载入结束自动调用js函数示例

    当页面加载完成后自动调用预先编好的js函数，在某些特殊情况下还是比较实用的，具体实现如下，感兴趣的朋友可以参考下
    2013-09-09
  • THREE.JS使用TransformControls对模型拖拽的代码实例

    THREE.JS使用TransformControls对模型拖拽的代码实例

    拖拽是前端实现中比较常用的一种效果,下面这篇文章主要给大家介绍了关于THREE.JS使用TransformControls对模型拖拽的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • 前端实现docx文件预览的3种方式举例及分析

    前端实现docx文件预览的3种方式举例及分析

    这篇文章主要介绍了前端实现docx文件预览的3种方式,三种方式分别是docx-preview、vue-office和mammoth,文中给出了详细的代码示例,需要的朋友可以参考下
    2025-03-03
  • 微信小程序父子组件通信详细介绍

    微信小程序父子组件通信详细介绍

    这篇文章主要介绍了小程序中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
    2022-11-11
  • 点击单元格后可编辑单元格内文本如何制作

    点击单元格后可编辑单元格内文本如何制作

    点击单元格后可编辑单元格内文本如何制作...
    2006-10-10
  • 支持移动端原生js轮播图

    支持移动端原生js轮播图

    这篇文章主要介绍了支持移动端原生js轮播图的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 浅谈Javascript编程风格

    浅谈Javascript编程风格

    这篇文章主要介绍了浅谈Javascript编程风格，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10

最新评论