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和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
ionic2.0双击返回键退出应用
Sep 17 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
javascrpt密码强度校验函数详解
Mar 18 Javascript
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
PHP chr()函数讲解
2019/02/11 PHP
文本框回车提交与禁止提交示例
2013/09/27 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
python文件路径操作方法总结
2020/12/21 Python
python opencv实现图像配准与比较
2021/02/09 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
前台接待的工作职责
2013/11/21 职场文书
电厂厂长岗位职责
2014/01/02 职场文书
2014年公务员退休工资改革方案
2014/10/01 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
医院合作意向书范本
2015/05/08 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle