为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 相关文章推荐
js/html光标定位的实现代码
Sep 23 Javascript
js 页面元素的几个用法总结
Nov 18 Javascript
Jquery倒计时源码分享
May 16 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
Jil,高效的json序列化和反序列化库
Feb 15 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 Javascript
React + Threejs + Swiper 实现全景图效果的完整代码
Jun 28 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
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
PHP积分兑换接口实例
2015/02/09 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
JQuery的$命名冲突详细解析
2013/12/28 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
python使用递归解决全排列数字示例
2014/02/11 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
python如何调用百度识图api
2020/09/29 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
中秋节超市促销方案
2014/01/30 职场文书
优秀教师事迹简介
2014/02/02 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
车辆工程专业求职信
2014/04/28 职场文书
小学生安全责任书
2014/07/25 职场文书