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[js]获取url参数的代码
Oct 17 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
Nov 04 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
node.js入门学习之url模块
Feb 25 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
Jul 09 Javascript
详解如何制作并发布一个vue的组件的npm包
Nov 10 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
通过js给网页加上水印背景实例
Jun 17 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读取msn上的用户信息类
2008/12/05 PHP
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
深入PHP curl参数的详解
2013/06/17 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
仿百度输入框智能提示的js代码
2013/08/22 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
详解如何较好的使用js
2016/12/16 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
浅析HTML5页面元素及属性
2021/01/20 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
实体的生命周期
2013/08/31 面试题
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
作风整顿剖析材料
2014/09/30 职场文书
财务务虚会发言材料
2014/10/20 职场文书
小学教师个人总结
2015/02/05 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
pytorch 使用半精度模型部署的操作
2021/05/24 Python
Python import模块的缓存问题解决方案
2021/06/02 Python
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript