ligerUI的ligerDialog关闭刷新的方法


Posted in Javascript onSeptember 27, 2019

前几天写代码的时候用到了ligerUI的弹窗功能,然后需要在关闭弹窗的时候异步刷新页面,但是查看API的时候发现没有相关的时间或者方法。然后一个个查看参数,发现了一个叫“cls”的参数,可以自定义给dialog附加css class。就可以通过类选择器绑定该窗口,然后监听onclick事件即可。

代码如下:

弹窗:

var win1;
if (win1) win1.show();
else win1 = $.ligerDialog.open({ height: window.screen.height-200, url: url1, width: window.screen.width-200, isResize: true,cls:"closeCls" });

关闭刷新:

$(document).on("click",".closeCls",function(){
xxxxxxxxxxx; //关闭后需要执行的代码
});

或者:

$(".closeCls").on("click", function(){
xxxxxxxxxxx; //关闭后需要执行的代码
});

注意:

其实还有个id参数,可以给dialog附加id,但是万万不能用id,因为id是唯一的,这样子只能打开一个dialog

以上这篇ligerUI的ligerDialog关闭刷新的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
异步加载script的代码
Jan 12 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
jQuery中first()方法用法实例
Jan 06 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
微信小程序 冒泡事件原理解析
Sep 27 #Javascript
JavaScript实现背景自动切换小案例
Sep 27 #Javascript
vue监听用户输入和点击功能
Sep 27 #Javascript
vue实现文字加密功能
Sep 27 #Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 #Javascript
vue实现购物车小案例
Sep 27 #Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 #Javascript
You might like
一个显示天气预报的程序
2006/10/09 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
网页图片延时加载的js代码
2010/04/22 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
JS中type="button"和type="submit"的区别
2017/07/04 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
JavaScript制作3D旋转相册
2020/08/02 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python根据文件大小打log日志
2014/10/09 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
创新型城市实施方案
2014/03/06 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
交通事故协议书范本
2016/03/19 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL