jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法
本文實例講述了jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法。分享給大家供大家參考，具體如下：
大家都知道，ArtDialog是一款非常不錯的、輕量級的、基于jQuery的對話框插件，深受大家的追捧，大伙可以到一下地址進(jìn)行下載：
https://code.google.com/p/artdialog/
https://github.com/aui/artDialog
截止到2014年9月17日，已經(jīng)有幾個重大的版本v4.1.7、v5.0.4和v6.0.2，其中4.x版本是支持iframe的，以后的版本則去掉了這一功能。具體可見之前下載地址說明。
但是在該插件中，如果我們雙擊遮罩層處，那么這時候?qū)υ捒騽t會自動關(guān)閉，那么該怎樣解決這個問題呢？請看以下說明（這里我以v4.1.7版本為例）：
1.打開artDialog.source.js這個文件，大概在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)閉對話框的操作
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常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- 分享2個jQuery插件--jquery.fileupload與artdialog
- artdialog的圖片/標(biāo)題以及關(guān)閉按鈕不顯示的解決方法
- 給artDialog 5.02 增加ajax get功能詳細(xì)介紹
- artDialog 4.1.5 Dreamweaver代碼提示/補(bǔ)全插件 附下載
- artDialog雙擊會關(guān)閉對話框的修改過程分享
- JS中artdialog彈出框控件之提交表單思路詳解
- jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
- artDialog+plupload實現(xiàn)多文件上傳
- plupload+artdialog實現(xiàn)多平臺上傳文件
- Jquery彈出窗口插件 LeanModal的使用方法
- 使用jQuery插件創(chuàng)建常規(guī)模態(tài)窗口登陸效果
- jQuery插件artDialog.js使用與關(guān)閉方法示例
相關(guān)文章
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實例,jquery.qrcode是一個jquery的插件,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了如何利用jQuery+css+html模擬實現(xiàn)淘寶購物車模塊，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動手嘗試一下2022-03-03
這篇文章主要介紹了jquery插件corner實現(xiàn)圓角邊框的方法,實例分析了jQuery插件corner的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery學(xué)習(xí)筆記 獲取jQuery對象
為了將Web的結(jié)構(gòu)層和表現(xiàn)層、行為層徹底分離，就不應(yīng)該在HTML標(biāo)簽上直接定義樣式或事件等。這意味著要想設(shè)置頁面中的某個元素，就需要先把這個元素選擇出來，選擇器正是解決這個問題的技術(shù)2012-09-09
讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
讓input框?qū)崿F(xiàn)類似百度的搜索提示，oninput和onpropertychange事件監(jiān)聽，通過ajax獲取json數(shù)據(jù)2014-01-01
jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
jQuery實現(xiàn)通過方向鍵控制div塊上下左右移動的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)通過方向鍵控制div塊上下左右移動的方法,涉及jQuery結(jié)合鍵盤事件響應(yīng)動態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
在github的項目地址里有關(guān)于pjax的詳細(xì)說明和使用方法，這里不再贅述，本文主要是使用中的一些代碼記錄和使用心得，方便以后查閱快速上手使用。2017-04-04
Jquery選擇子控件"大于號"和" "區(qū)別介紹及使用示例
Jquery選擇子控件”>“：在給定的父元素下匹配所有的子元素；另一個就是在給定的祖先元素下匹配所有的后代元素，具體概述及使用示例如下，感興趣的朋友可以參考下哈2013-06-06
使用ajaxfileupload.js實現(xiàn)ajax上傳文件php版
這篇文章主要介紹了使用ajaxfileupload.js實現(xiàn)ajax上傳文件php版,需要的朋友可以參考下2014-06-06