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 相关文章推荐
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
浅谈vue-lazyload实现的详细过程
Aug 22 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
js实现删除li标签一行内容
Apr 16 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
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
推荐文章系统(一)
2006/10/09 PHP
php为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
PHP 实例化类的一点摘记
2008/03/23 PHP
php程序内部post数据的方法
2015/03/31 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
JS实现的多张图片轮流播放幻灯片效果
2016/07/22 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
Puppet的一些技巧
2018/09/17 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
python3.0 字典key排序
2008/12/24 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
Python操作MySQL数据库实例详解【安装、连接、增删改查等】
2020/01/17 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
外贸实习生自荐信范文
2013/11/24 职场文书
留守儿童工作方案
2014/06/02 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python