为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 相关文章推荐
jquery 批量上传图片实现代码
Jan 28 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
原生js实现html手机端城市列表索引选择城市
Jun 24 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
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
document.compatMode介绍
2009/05/21 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
python实现定时播放mp3
2015/03/29 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
Python实现句子翻译功能
2017/11/14 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
优秀管理者获奖感言
2014/02/17 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
医院标语大全
2014/06/23 职场文书
学习十八大的心得体会
2014/09/01 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
2014年团总支工作总结
2014/11/21 职场文书
逃课检讨书
2015/01/26 职场文书
2015年人事科工作总结
2015/04/28 职场文书
信息简报范文
2015/07/21 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang