为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
经过摸索进行了扩展,增加“自动记住关闭时的位置”的功能,源码如下:
代码如下:
//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 Dialog 位置的实现方法
今天在做一个功能的时候使用到了Jquery UI中的dialog组件,因为是一个很简单的组件,有很多功能都没有提供,比如说直接获取到dialog的位置,直接修改dialog的位置都是不行的,并且但可拖动的位置看不见的时候,这个时候就是坑了,关闭不了,也拖动不了,这个时候只能刷新页面来重新初始化界面了. 我今天解决的就是这个问题:解决这种问题有两种方式(个人认为) 1.修改属性让可拖动局域可见,进行拖动 2.不让出现可拖动区域不可见的情况. 针对第一种情况,我没有想到合适的办法.下面给出第二种情况
-
Jquery中dialog属性小记
复制代码 代码如下: $('#dialogDiv').dialog( { hide:true, //点击关闭是隐藏,如果不加这项,关闭弹窗后再点就会出错. autoOpen:false, height:380, width:800, modal:true, //蒙层(弹出会影响页面大小) title:'开标人', overlay: {opacity: 0.5, background: "black" ,overflow:'auto'}, buttons:{ '确定':function(
-
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
复制代码 代码如下: $("#dialog").dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为:" , "(不含双引号),或者报错,不知什么原因. height: 300, modal: true, buttons: { '创建新账号': function() { var bValid = true; allFields.removeClass('ui-sta
-
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
经过摸索进行了扩展,增加"自动记住关闭时的位置"的功能,源码如下: 复制代码 代码如下: //myJquery.ui.dialog.ex.js //////////////////////////////////// //自动记住 jquery.ui.dialog关闭时的位置 /////////////////////////////////// (function($){ var originClose = $.ui.dialog.prototype.close; $.ui.dial
-
jquery ui dialog ie8出现滚动条的解决方法
此问题在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 UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交,具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)也被移到了 动态生成的HTML元素内.也就是说,原先在form内的表单在Dialog初始化
-
jquery弹出框插件jquery.ui.dialog用法分析
本文实例讲述了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 创建友好的弹出对话框实现代码
主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3.mod
-
jquery ui dialog实现弹窗特效的思路及代码
今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto: 我先通过变量获取值,接着建了
-
jquery ui dialog替代confirm实例分析
本文实例讲述了jquery ui dialog替代confirm的方法.分享给大家供大家参考,具体如下: js的confirm,有的浏览器会直接屏蔽掉,导致功能无法使用,推荐使用jquery ui 的dialog功能,完美替换confirm功能 1.html代码 <div id="confirm_dialog" title="提示" style="display:none;"> </div> 把上面代码放到公用的地方 2.
-
浅析JQuery UI Dialog的样式设置问题
最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了. 运行插件,需要的环境如下 <script src="../../JS/jquery-1.4.2.js" type="text/javascript"></script> <script src="../JS/jquery.ui.js" type="text/javascript">&
-
JS实现页面滚动到关闭时的位置与不滚动效果
目录 滚动 不滚动 标题显而易见,要说两种情况:重新打开页面或者返回某个页面时滚动到上次离开时的位置,以及不滚动保持在顶部. 滚动 这也有两种情况:页面重新打开,与返回某个页面.如果是前者,必定用cookie或者localStorage.或者麻烦一点的.在webview中用其他手段.总之这个必须有存储. 然后在组件的activited或是window.onload时取出存储内容改变scrollTop .非常牛逼. 对于原生页面,如果在关键位置没有图片和表格,可以尝试在onreadystatech
随机推荐
- SQLServer2005 Output子句获取刚插入的ID值
- python对配置文件.ini进行增删改查操作的方法示例
- php与java通过socket通信的实现代码
- PHP操作文件的一些基本函数使用示例
- python导入时小括号大作用
- Android XmlPullParser 方式解析 Xml 文档
- Android开发仿QQ空间根据位置弹出PopupWindow显示更多操作效果
- 实现PHP搜索加分页
- JSP实现添加功能和分页显示实例分析
- 妻子同网友私奔后,北京某老公在BBS上的留言
- java中instanceof和getClass()的区别分析
- Javafx简单实现【我的电脑资源管理器】效果
- C#.NET获取拨号连接的宽带连接方法
- 控制PHP的输出:缓存并压缩动态页面
- 有趣的python小程序分享
- vue的状态管理模式vuex
- python mqtt 客户端的实现代码实例
- Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
- vue.js实现会动的简历(包含底部导航功能,编辑功能)
- python3+opencv3识别图片中的物体并截取的方法