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 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
Aug 22 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 Javascript
JS+JQuery实现无缝连接轮播图
Dec 30 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
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
php简单复制文件的方法
2016/05/09 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
php实现微信模板消息推送
2018/03/30 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
2015/08/27 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
js返回顶部实例分享
2016/12/21 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
python strip()函数 介绍
2013/05/24 Python
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
python访问类中docstring注释的实现方法
2015/05/04 Python
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
简单谈谈Python中的闭包
2016/11/30 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
python win32 简单操作方法
2017/05/25 Python
python使用turtle库绘制时钟
2020/03/25 Python
python学习笔记之多进程
2020/08/06 Python
python 绘制场景热力图的示例
2020/09/23 Python
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
财务管理职业生涯规划书
2014/02/26 职场文书
歌舞青春观后感
2015/06/10 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript