浅谈bootstrap layer.open中end的使用方法


Posted in Javascript onSeptember 12, 2019

遇到一个问题:点击layer弹出层中的按钮之后,完成一系列操作,弹出层自我关闭并在父界面弹出一句提示。

简单查找了一下,发现了layer.open中的end。

end - 层销毁后触发的回调

类型:Function,默认:null

无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。

这样,写出了自己的需求

layer.open({
 type:2, //弹出层现实的样式
 //shade:false, //不显示背景阴影,去掉这个属性则显示
 //skin:"layui-layer-rim", //加上边框
 closeBtn:0, //不显示关闭按钮
 //shadeClose:true,//开启遮罩关闭 就是点击其他地方,弹框消失
 title:"发现新问题",//title:false 不显示标题
 area: ['800px', '300px'], //弹出层宽高
 content:"question.php?qid=1", //捕获的元素
 
 end: function(){
 window.parent.layer.msg('发布成功');
 }
 });

以上这篇浅谈bootstrap layer.open中end的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript调试工具(下载)
Jan 09 Javascript
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
Node层模拟实现multipart表单的文件上传示例
Jan 02 Javascript
Vue Components 数字键盘的实现
Sep 18 Javascript
简述Vue中容易被忽视的知识点
Dec 09 Javascript
JavaScript 实现继承的几种方式
Feb 19 Javascript
layer iframe 设置关闭按钮的方法
Sep 12 #Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 #Javascript
layer提示框添加多个按钮选择的实例
Sep 12 #Javascript
记录vue做微信自定义分享的一些问题
Sep 12 #Javascript
js 根据对象数组中的属性进行排序实现代码
Sep 12 #Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 #Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 #Javascript
You might like
php下删除字符串中HTML标签的函数
2008/08/27 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
php使用GeoIP库实例
2014/06/27 PHP
PHP模板解析类实例
2015/07/09 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
PHP与Web页面的交互示例详解一
2020/08/04 PHP
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
jQuery DOM删除节点操作指南
2015/03/03 Javascript
jquery插件corner实现圆角边框的方法
2015/03/09 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
微信小程序实现音乐播放器
2019/11/20 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
python+opencv识别图片中的圆形
2020/03/25 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Python I/O与进程的详细讲解
2019/03/08 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
python打包生成so文件的实现
2020/10/30 Python
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
大学优秀班主任事迹材料
2014/05/02 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
单位更名证明
2015/06/18 职场文书
新手初学Java List 接口
2021/07/07 Java/Android
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers