为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能


Posted in Javascript onNovember 24, 2009

经过摸索进行了扩展,增加“自动记住关闭时的位置”的功能,源码如下:

//myJquery.ui.dialog.ex.js //////////////////////////////////// 
//自动记住 jquery.ui.dialog关闭时的位置 
/////////////////////////////////// 
(function($){ 
var originClose = $.ui.dialog.prototype.close; 
$.ui.dialog.prototype.close = function() 
{ 
//判断option中是否指定不使用此功能,如 $("#d").dialog({rememberPosition:false}); 
if(this.options.rememberPosition != false) 
{ 
this.position = this.uiDialog.offset() ; 
var top = $('body').scrollTop(); 
if(top == 0) top = $(document).scrollTop(); //修正!DOCTYPE BUG 
var left = $('body').scrollLeft(); 
if(left == 0) left = $(document).scrollLeft(); //修正!DOCTYPE BUG 
this.options.position = [this.position.left-left,this.position.top-top]; 
} 
originClose.apply(this,arguments); 
}; 
})(jQuery);

原理很简单,不再做特殊说明,有此需求的朋友可参考一下。
Javascript 相关文章推荐
JavaScript 大数据相加的问题
Aug 03 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
javascript实现文本框标签验证的实例代码
Oct 14 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
jQuery 实现扁平式小清新导航
Jul 07 jQuery
JS实现鼠标按下拖拽效果
Jul 23 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 #Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
Nov 24 #Javascript
文本框的字数限制功能jquery插件
Nov 24 #Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 #Javascript
jquery ajax提交表单数据的两种方式
Nov 24 #Javascript
js loading加载效果实现代码
Nov 24 #Javascript
jquery.ui.draggable中文文档
Nov 24 #Javascript
You might like
PHP 图片水印类代码
2012/08/27 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
jquery实现右侧栏菜单选择操作
2016/03/04 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
python如何在循环引用中管理内存
2018/03/20 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
用Python解数独的方法示例
2019/10/24 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
python使用建议与技巧分享(一)
2020/08/17 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
酒店司机岗位职责
2013/12/14 职场文书
给男朋友的道歉信
2014/01/12 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
社区母亲节活动方案
2014/03/05 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
资金申请报告范文
2015/05/14 职场文书
紫日观后感
2015/06/05 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python