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 相关文章推荐
Javascript 篱式条件判断
Aug 22 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
layui选项卡效果实现代码
May 19 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
React路由管理之React Router总结
May 10 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 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
PHP缓存技术的多种方法小结
2012/08/14 PHP
详解WordPress中添加友情链接的方法
2016/05/21 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
layUI实现三级导航菜单效果
2019/07/26 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
Python类的继承和多态代码详解
2017/12/27 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
python遍历小写英文字母的方法
2019/01/02 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
营销与策划应届生求职信
2013/11/04 职场文书
创业计划书模版
2014/02/05 职场文书
仓库主管岗位职责
2014/03/02 职场文书
高校教师岗位职责
2014/03/18 职场文书
初中英语演讲稿
2014/04/29 职场文书
副处级干部考察材料
2014/05/17 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
春节慰问简报
2015/07/21 职场文书