為jquery.ui.dialog 增加“自動(dòng)記住關(guān)閉時(shí)的位置”的功能
更新時(shí)間：2009年11月24日 21:32:10 作者：
筆者在項(xiàng)目中使用 jquery.ui.dialog 1.7.2時(shí)，當(dāng)使用$("#d").dialog("open");時(shí)，dialog總是彈出在option中指定的位置；
經(jīng)過(guò)摸索進(jìn)行了擴(kuò)展，增加“自動(dòng)記住關(guān)閉時(shí)的位置”的功能，源碼如下：
//myJquery.ui.dialog.ex.js
////////////////////////////////////
//自動(dòng)記住 jquery.ui.dialog關(guān)閉時(shí)的位置
///////////////////////////////////
(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);
原理很簡(jiǎn)單，不再做特殊說(shuō)明，有此需求的朋友可參考一下。
復(fù)制代碼 代碼如下:
//myJquery.ui.dialog.ex.js
////////////////////////////////////
//自動(dòng)記住 jquery.ui.dialog關(guān)閉時(shí)的位置
///////////////////////////////////
(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);
原理很簡(jiǎn)單，不再做特殊說(shuō)明，有此需求的朋友可參考一下。
相關(guān)文章
jQuery實(shí)現(xiàn)動(dòng)畫效果circle實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)畫效果circle的方法,涉及jquery鼠標(biāo)事件及頁(yè)面動(dòng)畫操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要是對(duì)jquery ajax 局部刷新的小案例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)放大鏡案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了jQuery焦點(diǎn)圖插件SaySlide，新版的SaySlide 2.0重構(gòu)了代碼，并基本上保留了原有的功能，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jQuery中delegate()方法用法,實(shí)例分析了delegate()方法的功能、定義及為匹配元素的子元素添加一個(gè)或多個(gè)事件,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行函數(shù)的使用技巧,需要的朋友可以參考下2015-01-01
關(guān)于jquery.validate1.9.0前臺(tái)驗(yàn)證的使用介紹
本篇文章介紹了，關(guān)于jquery.validate1.9.0前臺(tái)驗(yàn)證的使用。需要的朋友參考下2013-04-04
jQuery實(shí)現(xiàn)異步獲取json數(shù)據(jù)的2種方式
這篇文章主要介紹了jQuery實(shí)現(xiàn)異步獲取json數(shù)據(jù)的2種方式,主要講述了$.getJSON方法與$.ajax方法,非常實(shí)用,需要的朋友可以參考下2014-08-08
jQuery Tab插件 用于在Tab中顯示iframe，附源碼和詳細(xì)說(shuō)明
最近有個(gè)需求，需要在Tab中放置iFrame，于是做了一個(gè)jQuery的Tab插件。2011-06-06
這篇文章主要為大家詳細(xì)介紹了jQuery表單驗(yàn)證之密碼確認(rèn)的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jquery 圖片Silhouette Fadeins漸顯效果
經(jīng)常漂流在css-tricks看到這篇文章，就順便搬了過(guò)來(lái)，下面譯文都是用css-tricks口吻來(lái)描述的。2010-02-02