为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编程小常识很有用
Nov 26 Javascript
js实现二代身份证号码验证详解
Nov 20 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
JavaScript中document.referrer的用法详解
Jul 04 Javascript
3种vue组件的书写形式
Nov 29 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
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实现 上一篇、下一篇的代码
2012/09/29 PHP
php防止SQL注入详解及防范
2013/11/12 PHP
JavaScript 输入框内容格式验证代码
2010/02/11 Javascript
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
python实现自动重启本程序的方法
2015/07/09 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
《窗前的气球》教学反思
2014/04/07 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
投标诚信承诺书
2014/05/26 职场文书
公司经营目标责任书
2015/01/29 职场文书
党校毕业个人总结
2015/02/28 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
使用python将HTML转换为PDF pdfkit包(wkhtmltopdf) 的使用方法
2022/04/21 Python
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL