為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);
原理很簡單,不再做特殊說明,有此需求的朋友可參考一下。
復制代碼 代碼如下:
//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動態(tài)生成select標簽出問題的解決方法
用jquery,json從后臺獲取一個列表,然后用一個動態(tài)生成的select標簽顯示出來,結果出現(xiàn)錯誤,下面為大家分享個不錯的解決方法,喜歡的朋友可以參考下2013-11-11javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒有問題,但是在IE下就報錯,下面是可行的解決方法,大家可以看看2014-09-09