為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 html動(dòng)態(tài)生成select標(biāo)簽出問(wèn)題的解決方法
用jquery,json從后臺(tái)獲取一個(gè)列表，然后用一個(gè)動(dòng)態(tài)生成的select標(biāo)簽顯示出來(lái)，結(jié)果出現(xiàn)錯(cuò)誤，下面為大家分享個(gè)不錯(cuò)的解決方法，喜歡的朋友可以參考下2013-11-11
jquery動(dòng)畫(huà)效果學(xué)習(xí)筆記（8種效果）
這篇文章分享了一份jquery動(dòng)畫(huà)效果學(xué)習(xí)筆記，針對(duì)jquery動(dòng)畫(huà)效果進(jìn)行細(xì)致解析，對(duì)淡入淡出效果、滑動(dòng)效果進(jìn)行原理講解，想要學(xué)好jquery動(dòng)畫(huà)效果，就耐心閱讀本文，相信大家會(huì)有意想不到的收獲。2015-11-11
本篇文章主要介紹了jquery拼接ajax 的json和字符串拼接的方法，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。2017-03-03
jQuery中jqGrid分頁(yè)實(shí)現(xiàn)代碼
今天看到j(luò)avaeye上有人使用了jqGrid實(shí)現(xiàn)了數(shù)據(jù)的分頁(yè)，參考它的代碼，實(shí)現(xiàn)了這個(gè)功能，搬出來(lái)曬曬，作為自己以后學(xué)習(xí)的資料2011-11-11
input輸入框內(nèi)容實(shí)時(shí)監(jiān)測(cè)(附代碼)
這篇文章主要介紹了如何實(shí)時(shí)監(jiān)測(cè)input輸入框內(nèi)容，具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要為大家詳細(xì)介紹了jquery無(wú)縫圖片輪播組件封裝，支持自動(dòng)輪播，手動(dòng)輪播，無(wú)縫銜接，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
今天小編就為大家分享一篇關(guān)于jQuery AJAX與jQuery事件的分析講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-02-02
JQuery jsonp 使用示例，想學(xué)習(xí)的朋友可以參考下。2009-08-08
javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒(méi)有問(wèn)題，但是在IE下就報(bào)錯(cuò)，下面是可行的解決方法，大家可以看看2014-09-09
jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的彈出層效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單實(shí)用的彈出層效果代碼,涉及jquery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10