为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 相关文章推荐
裁剪字符串trim()自定义改进版
Apr 10 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
浅谈javascript的调试
Jan 28 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
为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 获取目录下的图片并随机显示的代码
2009/12/28 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
浅析用prototype定义自己的方法
2013/11/14 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
小程序实现密码输入框
2020/11/16 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
Python可迭代对象操作示例
2019/05/07 Python
python字符串Intern机制详解
2019/07/01 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
Python实现简单猜数字游戏
2021/02/03 Python
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
店长岗位的工作内容
2013/11/12 职场文书
30岁生日感言
2014/01/25 职场文书
银行简历自我评价
2014/02/11 职场文书
亲属关系公证书
2014/04/08 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS