layer.js之回调销毁对话框的例子


Posted in Javascript onSeptember 11, 2019

layer.js弹出层给我们封装了基本的销毁按钮,如图所示:

layer.js之回调销毁对话框的例子

当我们点击确定按钮时,如何我们没有写点击确定按钮的回调函数,layer的内部会给我们一个默认的效果就是让对话框消失。but!有时候我们根据业务的需要还需要在点击确定按钮的时候让程序悄悄地给我们干点事情,然后让对话框消失,那么如何让对话框消失呢?这就需要我们让程序自动调用上面提到的销毁按钮的事件。

代码如下:

//查询失败提示
 failSearch:function (messager) {
  layer.open({
   content:messager,
   icon:2,
   title:'查询失败',
   yes:function (index) {//弹出框的索引
    layer.close(index);//关闭当前对话框
    $(".cls").val("");
    $("#jctmh").focus();
   },
  })

 },

OK,这就实现了既能让程序悄悄地为我们干一些事情,又能完成我们想要的效果。perfec!

以上这篇layer.js之回调销毁对话框的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
你真的了解JavaScript吗?
Feb 24 Javascript
JS option location 页面跳转实现代码
Dec 27 Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
angular中的cookie读写方法
Aug 02 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 27 Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 #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
You might like
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php adodb操作mysql数据库
2009/03/19 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
两个php日期控制类实例
2014/12/09 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
2014/03/16 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
Bootstrap每天必学之导航条(二)
2016/03/01 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
浅析vue component 组件使用
2017/03/06 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
python利用requests库进行接口测试的方法详解
2018/07/06 Python
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
Python编写单元测试代码实例
2020/09/10 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
《泉水》教学反思
2014/04/11 职场文书
建筑工地宣传标语
2014/06/18 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
2015年采购员工作总结
2015/04/27 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
netty 实现tomcat的示例代码
2022/06/05 Servers
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers