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 相关文章推荐
28个JS验证函数收集
Mar 02 Javascript
jquery 年会抽奖程序
Dec 22 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 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输出Excel文件类
2010/02/08 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
jQuery实现背景滑动菜单
2016/12/02 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
python中的函数用法入门教程
2014/09/02 Python
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
python实现图片变亮或者变暗的方法
2015/06/01 Python
解读python如何实现决策树算法
2018/10/11 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
python元组拆包实现方法
2021/02/28 Python
放飞中国梦演讲稿
2014/04/23 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
房产公证书样本
2015/01/23 职场文书
满月酒邀请函
2015/01/30 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
通过Python把学姐照片做成拼图游戏
2022/02/15 Python