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图片预加载实例分析
Jul 16 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
Node.js 异步异常的处理与domain模块解析
May 10 Javascript
浅谈vuepress 踩坑记
Apr 18 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
使用JS来动态操作css的几种方法
Dec 18 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 Javascript
Vite + React从零开始搭建一个开源组件库
Jun 25 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数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
JS 时间显示效果代码
2009/08/23 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
flask开启多线程的具体方法
2020/08/02 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
陈欧的广告词
2014/03/18 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
安全生产协议书
2016/03/22 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js
tomcat正常启动但网页却无法访问的几种解决方法
2022/05/06 Servers