为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能

更新时间：2009年11月24日 21:32:10 作者：

笔者在项目中使用 jquery.ui.dialog 1.7.2时，当使用$("#d").dialog("open");时，dialog总是弹出在option中指定的位置；

经过摸索进行了扩展，增加“自动记住关闭时的位置”的功能，源码如下：

 
//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); 

原理很简单，不再做特殊说明，有此需求的朋友可参考一下。

您可能感兴趣的文章:

jquery html动态生成select标签出问题的解决方法
用jquery,json从后台获取一个列表，然后用一个动态生成的select标签显示出来，结果出现错误，下面为大家分享个不错的解决方法，喜欢的朋友可以参考下
2013-11-11
jquery动画效果学习笔记（8种效果）
这篇文章分享了一份jquery动画效果学习笔记，针对jquery动画效果进行细致解析，对淡入淡出效果、滑动效果进行原理讲解，想要学好jquery动画效果，就耐心阅读本文，相信大家会有意想不到的收获。
2015-11-11
jquery拼接ajax 的json和字符串拼接的方法
本篇文章主要介绍了jquery拼接ajax 的json和字符串拼接的方法，这里整理了详细的代码,有需要的小伙伴可以参考下。
2017-03-03
jQuery中jqGrid分页实现代码
今天看到javaeye上有人使用了jqGrid实现了数据的分页，参考它的代码，实现了这个功能，搬出来晒晒，作为自己以后学习的资料
2011-11-11
input输入框内容实时监测(附代码)
这篇文章主要介绍了如何实时监测input输入框内容，具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。
2017-08-08
jquery无缝图片轮播组件封装
这篇文章主要为大家详细介绍了jquery无缝图片轮播组件封装，支持自动轮播，手动轮播，无缝衔接，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-02-02
jQuery AJAX与jQuery事件的分析讲解
今天小编就为大家分享一篇关于jQuery AJAX与jQuery事件的分析讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-02-02
JQuery jsonp 使用示例代码
JQuery jsonp 使用示例，想学习的朋友可以参考下。
2009-08-08
javascript trim函数在IE下不能用的解决方法
trim 函数在firefox 下面使用没有问题，但是在IE下就报错，下面是可行的解决方法，大家可以看看
2014-09-09
jquery实现简单实用的弹出层效果代码
这篇文章主要介绍了jquery实现简单实用的弹出层效果代码,涉及jquery响应鼠标事件动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10