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 相关文章推荐
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
一个获取第n个元素节点的js函数
Sep 02 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
Dec 09 Javascript
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
JavaScript Array对象使用方法解析
Sep 24 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
php文件上传、下载和删除示例
2020/08/28 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
JavaScript使用cookie
2007/02/02 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
vue组件name的作用小结
2018/05/23 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
详解Vite的新体验
2021/02/22 Javascript
python简单实现计算过期时间的方法
2015/06/09 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
python zip()函数使用方法解析
2019/10/31 Python
基于Python 中函数的 收集参数 机制
2019/12/21 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
python3中for循环踩过的坑记录
2020/12/14 Python
python中的插入排序的简单用法
2021/01/19 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
高中生校园生活自我评价
2013/09/19 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
安全承诺书范文
2014/03/26 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
网球场地租赁协议范本
2014/10/07 职场文书
售房协议书范本
2015/08/11 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书