jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法
本文實(shí)例講述了jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法。分享給大家供大家參考,具體如下:
大家都知道,ArtDialog是一款非常不錯(cuò)的、輕量級(jí)的、基于jQuery的對(duì)話框插件,深受大家的追捧,大伙可以到一下地址進(jìn)行下載:
https://code.google.com/p/artdialog/
https://github.com/aui/artDialog
截止到2014年9月17日,已經(jīng)有幾個(gè)重大的版本v4.1.7、v5.0.4和v6.0.2,其中4.x版本是支持iframe的,以后的版本則去掉了這一功能。具體可見(jiàn)之前下載地址說(shuō)明。
但是在該插件中,如果我們雙擊遮罩層處,那么這時(shí)候?qū)υ捒騽t會(huì)自動(dòng)關(guān)閉,那么該怎樣解決這個(gè)問(wèn)題呢?請(qǐng)看以下說(shuō)明(這里我以v4.1.7版本為例):
1.打開(kāi)artDialog.source.js這個(gè)文件,大概在1404行處(或者查找關(guān)鍵字“dblclick”):
lockMask.bind('click', function () { that._reset(); }).bind('dblclick', function () { that._click(that.config.cancelVal); });
2.修改以上代碼,如下所示:
lockMask.bind('click', function () { that._reset(); }).bind('dblclick', function () { //原始 //that._click(that.config.cancelVal); //quber:屏蔽雙擊遮罩處關(guān)閉對(duì)話框的操作 if (config.dblclick_hide) { that._click('cancel'); } });
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- 分享2個(gè)jQuery插件--jquery.fileupload與artdialog
- artdialog的圖片/標(biāo)題以及關(guān)閉按鈕不顯示的解決方法
- 給artDialog 5.02 增加ajax get功能詳細(xì)介紹
- artDialog 4.1.5 Dreamweaver代碼提示/補(bǔ)全插件 附下載
- artDialog雙擊會(huì)關(guān)閉對(duì)話框的修改過(guò)程分享
- JS中artdialog彈出框控件之提交表單思路詳解
- jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解
- artDialog+plupload實(shí)現(xiàn)多文件上傳
- plupload+artdialog實(shí)現(xiàn)多平臺(tái)上傳文件
- Jquery彈出窗口插件 LeanModal的使用方法
- 使用jQuery插件創(chuàng)建常規(guī)模態(tài)窗口登陸效果
- jQuery插件artDialog.js使用與關(guān)閉方法示例
相關(guān)文章
jQuery實(shí)現(xiàn)文件編碼成base64并通過(guò)AJAX上傳的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文件編碼成base64并通過(guò)AJAX上傳的方法,涉及jQuery前臺(tái)使用FileReader對(duì)象編碼base64文件進(jìn)行ajax上傳及后臺(tái)php處理相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11Jquery post傳遞數(shù)組方法實(shí)現(xiàn)思路及代碼
Jquery post 傳遞數(shù)組以做批量刪除會(huì)需要傳遞要?jiǎng)h除的數(shù)據(jù)ID數(shù)組,下面是具體的實(shí)現(xiàn)代碼,感興趣的童鞋們可以參考下2013-04-04jquery ajax對(duì)特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
如果有人在留言里寫(xiě)入了js語(yǔ)句,這結(jié)語(yǔ)句都會(huì)被執(zhí)行.解決辦法就是對(duì)這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來(lái),下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-11-11JQuery 遮罩層實(shí)現(xiàn)(mask)實(shí)現(xiàn)代碼
用過(guò)ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我們的使用。2010-01-01jquery EasyUI的formatter格式化函數(shù)代碼
以下實(shí)例格式化數(shù)據(jù)表格中的一列。如果金額小于20時(shí)使用自定義的格式器將文本變成紅色。2011-01-01jQuery Validation Plugin驗(yàn)證插件手動(dòng)驗(yàn)證
jquery.validate是jquery旗下的一個(gè)驗(yàn)證框架,借助jquery的優(yōu)勢(shì),我們可以迅速驗(yàn)證一些常見(jiàn)的輸入,并且可以自己擴(kuò)充自己的驗(yàn)證方法,并且對(duì)國(guó)際化也有很好的支持,接下來(lái)通過(guò)本文給大家介紹jQuery Validation Plugin驗(yàn)證插件手動(dòng)驗(yàn)證2016-01-01