浅谈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 相关文章推荐
封装好的省市地区联动控件附下载
Aug 13 Javascript
js no-repeat写法 背景不重复
Mar 18 Javascript
JavaScript经典效果集锦
Jul 06 Javascript
js使用ajax读博客rss示例
May 06 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
javascript表格的渲染组件
Jul 03 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
详解AngularJS controller调用factory
May 19 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
vue+Element-ui实现分页效果
Nov 15 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中的字符串函数
2006/10/09 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
ThinkPHP模型详解
2015/07/27 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
2016/11/25 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
php与js的区别是什么
2013/08/05 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
jquery幻灯片插件bxslider样式改进实例
2014/10/15 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
python中执行shell的两种方法总结
2017/01/10 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
红色旅游心得体会
2014/09/03 职场文书