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

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

复制代码 代码如下:

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

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

时间: 2024-09-21 14:26:17

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

jquery UI Dialog 对话框使用学习笔记

jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件. 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框.  代码如下 复制代码 <input type="button" value="删除" id="btn" /> 为了设置这个按钮点击的事件,需要准备 jQuery 的环境.  代码如下 复制代码 &

jQuery UI Dialog 创建友好的弹出对话框实现代码_jquery

主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3.mod

jQuery UI Dialog 参数使用

欢迎加入QQ群技术交流:466355109,技术不全没关系,只要有交流的心就尽管来吧!!! jQuery UI Dialog常用的参数有: autoOpen:默认true,即dialog方法创建就显示对话框 buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:&quo

jQuery UI Dialog 使用详解(1/2)

天用到了客户端的对话框,把 jquery ui 中的对话框学习了一下. 准备 jquery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框. 1 <input type="button" value="删除" id="btn" />   为了设置这个按钮点击的事件,需要准备 jquery 的环境. 1 <script type="text/网页特效" src="scripts/

jquery弹出框插件jquery.ui.dialog用法分析_jquery

本文实例讲述了jquery弹出框插件jquery.ui.dialog用法.分享给大家供大家参考,具体如下: 1. jquery.ui.dialog 官方地址 http://jqueryui.net/dialog/ jquery.ui.dialog是一个非常灵活的模式框,它的官方地址为: http://docs.jquery.com/UI/Dialog 2. 文件引用 要使用jquery.ui.dialog,需要引用两个文件,1个是js,另外1个是css 在contentpage中添加: <scr

jquery ui dialog ie8出现滚动条的解决方法_jquery

此问题在UI1.7就出现,到了UI1.8也未修复,真不知道该怎么说好.. JQUI 开发提交BUG的帖子:http://dev.jqueryui.com/ticket/3623 解决办法相当不科学~ 我的解决办法,个人感觉好过那个,因为我只隐藏横的滚动条,呵呵 附上修改的代码: 修改:jquery.ui.dialog.js 复制代码 代码如下: var $el = (this.oldInstances.pop() || $('<div></div>').addClass('ui-w

jQuery UI Dialog控件中的表单无法正常提交的解决方法_jquery

最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交,具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)也被移到了 动态生成的HTML元素内.也就是说,原先在form内的表单在Dialog初始化

JQuery ui dialog(close)无效的解决办法

问题如下: 一开始我使用floatLayer.show弹出一个层并通过ajax加载一个窗体(下面用"窗体A"代替),在该窗体加载结束时,我将JQuery ui dialog在该窗体里初始化,并配置一些参数. 代码:  代码如下 复制代码 $(function() {     //初始化参数     $("#getcompany").dialog({ autoOpen: false, width: 760, height: $companyselectboxheigh

jQuery UI dialog的初级应用方法

使用jQuery ui 要有的东西:1.ui的css教程文件,2.jQuery框架文件,3.封装好的ui js 文件 这些文件到jquery官网都有得下http://jquery.com/ . 首先把上面三个添加到页面中,注意jquery文件要先于ui 的js引用  页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x