为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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
JQuery 动态扩展对象之另类视角
May 25 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
JavaScript实现相册弹窗功能(zepto.js)
Jun 21 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
layui框架table 数据表格的方法级渲染详解
Aug 19 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
原生js实现3D轮播图
Mar 21 Javascript
Javascript文本框脚本实现方法解析
Oct 30 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实现无限级分类
2014/12/24 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
php实现搜索类封装示例
2016/03/31 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
Javascript 二维数组
2009/11/26 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
微信小程序wepy框架笔记小结
2018/08/08 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
使用jquery实现轮播图效果
2021/01/02 jQuery
python函数返回多个值的示例方法
2013/12/04 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python不同目录间进行模块调用的实现方法
2019/01/29 Python
什么是Python中的顺序表
2020/06/02 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
差生评语大全
2014/05/04 职场文书
工作求职自荐信
2014/06/13 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
2015年班组长工作总结
2015/04/10 职场文书
Python实现批量自动整理文件
2022/03/16 Python