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

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

這篇文章主要介紹了jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對(duì)插件源碼的修改,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用jquery.qrcode生成彩色二維碼實(shí)例
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實(shí)例,jquery.qrcode是一個(gè)jquery的插件,需要的朋友可以參考下
2014-08-08
基于jQuery模擬實(shí)現(xiàn)淘寶購(gòu)物車模塊
這篇文章主要介紹了如何利用jQuery+css+html模擬實(shí)現(xiàn)淘寶購(gòu)物車模塊，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動(dòng)手嘗試一下
2022-03-03
jquery插件corner實(shí)現(xiàn)圓角邊框的方法
這篇文章主要介紹了jquery插件corner實(shí)現(xiàn)圓角邊框的方法,實(shí)例分析了jQuery插件corner的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery學(xué)習(xí)筆記獲取jQuery對(duì)象
為了將Web的結(jié)構(gòu)層和表現(xiàn)層、行為層徹底分離，就不應(yīng)該在HTML標(biāo)簽上直接定義樣式或事件等。這意味著要想設(shè)置頁(yè)面中的某個(gè)元素，就需要先把這個(gè)元素選擇出來(lái)，選擇器正是解決這個(gè)問(wèn)題的技術(shù)
2012-09-09
讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽(tīng))
讓input框?qū)崿F(xiàn)類似百度的搜索提示，oninput和onpropertychange事件監(jiān)聽(tīng)，通過(guò)ajax獲取json數(shù)據(jù)
2014-01-01
jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問(wèn)題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問(wèn)題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法,涉及jQuery結(jié)合鍵盤(pán)事件響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
jQuery+pjax簡(jiǎn)單示例匯總
在github的項(xiàng)目地址里有關(guān)于pjax的詳細(xì)說(shuō)明和使用方法，這里不再贅述，本文主要是使用中的一些代碼記錄和使用心得，方便以后查閱快速上手使用。
2017-04-04
Jquery選擇子控件"大于號(hào)"和" "區(qū)別介紹及使用示例
Jquery選擇子控件”>“：在給定的父元素下匹配所有的子元素；另一個(gè)就是在給定的祖先元素下匹配所有的后代元素，具體概述及使用示例如下，感興趣的朋友可以參考下哈
2013-06-06
使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
這篇文章主要介紹了使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版,需要的朋友可以參考下
2014-06-06