为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 学习笔记(五)
Dec 31 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
JS长整型精度问题实例分析
Jan 13 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 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中神奇的fastcgi_finish_request
2011/05/02 PHP
处理单名多值表单的详解
2013/06/08 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
jquery $.each()使用探讨
2013/09/23 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
Prototype框架详解
2015/11/25 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
python3+PyQt5实现文档打印功能
2018/04/24 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
简述 Python 的类和对象
2020/08/21 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
什么是聚集索引和非聚集索引
2012/01/17 面试题
大学应届毕业生求职信
2014/05/24 职场文书
学校欢迎标语
2014/06/18 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
2014年秘书工作总结
2014/11/25 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
python munch库的使用解析
2021/05/25 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers