为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 变量作用域 代码分析
Jun 26 Javascript
Prototype Object对象 学习
Jul 12 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
基于jQuery插件实现点击小图显示大图效果
May 11 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 Javascript
JS实现手风琴特效
Nov 08 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
three.js如何实现3D动态文字效果
Mar 03 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远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
php接口与接口引用的深入解析
2013/08/09 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
微信小程序点击view动态添加样式过程解析
2020/01/21 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
python脚本设置系统时间的两种方法
2016/02/21 Python
Python实现矩阵相乘的三种方法小结
2018/07/26 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
建材业务员岗位职责
2013/12/08 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
银行贷款委托书范本
2014/10/11 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers