jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法

更新時間：2016年08月06日 09:08:57 作者：Quber

這篇文章主要介紹了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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用jquery.qrcode生成彩色二維碼實例
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實例,jquery.qrcode是一個jquery的插件,需要的朋友可以參考下
2014-08-08
基于jQuery模擬實現(xiàn)淘寶購物車模塊
這篇文章主要介紹了如何利用jQuery+css+html模擬實現(xiàn)淘寶購物車模塊，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動手嘗試一下
2022-03-03
jquery插件corner實現(xiàn)圓角邊框的方法
這篇文章主要介紹了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
jQuery+pjax簡單示例匯總
在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