快捷導(dǎo)航

為jquery.ui.dialog 增加“自動記住關(guān)閉時的位置”的功能

更新時間：2009年11月24日 21:32:10 作者：

筆者在項目中使用 jquery.ui.dialog 1.7.2時，當(dāng)使用$("#d").dialog("open");時，dialog總是彈出在option中指定的位置；

經(jīng)過摸索進行了擴展，增加“自動記住關(guān)閉時的位置”的功能，源碼如下：

 
//myJquery.ui.dialog.ex.js 

//////////////////////////////////// 
//自動記住 jquery.ui.dialog關(guān)閉時的位置 
/////////////////////////////////// 
(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); 

原理很簡單，不再做特殊說明，有此需求的朋友可參考一下。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)動畫效果circle實例
這篇文章主要介紹了jQuery實現(xiàn)動畫效果circle的方法,涉及jquery鼠標(biāo)事件及頁面動畫操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
jquery ajax 局部刷新小案例
這篇文章主要是對jquery ajax 局部刷新的小案例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery實現(xiàn)放大鏡案例
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)放大鏡案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
jQuery焦點圖插件SaySlide
這篇文章主要介紹了jQuery焦點圖插件SaySlide，新版的SaySlide 2.0重構(gòu)了代碼，并基本上保留了原有的功能，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery中delegate()方法用法實例
這篇文章主要介紹了jQuery中delegate()方法用法,實例分析了delegate()方法的功能、定義及為匹配元素的子元素添加一個或多個事件,并規(guī)定當(dāng)這些事件發(fā)生時運行函數(shù)的使用技巧,需要的朋友可以參考下
2015-01-01
關(guān)于jquery.validate1.9.0前臺驗證的使用介紹
本篇文章介紹了，關(guān)于jquery.validate1.9.0前臺驗證的使用。需要的朋友參考下
2013-04-04
jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式
這篇文章主要介紹了jQuery實現(xiàn)異步獲取json數(shù)據(jù)的2種方式,主要講述了$.getJSON方法與$.ajax方法,非常實用,需要的朋友可以參考下
2014-08-08
jQuery Tab插件用于在Tab中顯示iframe，附源碼和詳細說明
最近有個需求，需要在Tab中放置iFrame，于是做了一個jQuery的Tab插件。
2011-06-06
jQuery表單驗證之密碼確認
這篇文章主要為大家詳細介紹了jQuery表單驗證之密碼確認的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jquery 圖片Silhouette Fadeins漸顯效果
經(jīng)常漂流在css-tricks看到這篇文章，就順便搬了過來，下面譯文都是用css-tricks口吻來描述的。
2010-02-02