DIV CSS 佈局教程網

本文實例講述了jQuery對話框插件ArtDialog在雙擊遮罩層時出現關閉現象的解決方法。分享給大家供大家參考，具體如下：

大家都知道，ArtDialog是一款非常不錯的、輕量級的、基於jQuery的對話框插件，深受大家的追捧，大伙可以到一下地址進行下載：

https://code.google.com/p/artdialog/
https://github.com/aui/artDialog

截止到2014年9月17日，已經有幾個重大的版本v4.1.7、v5.0.4和v6.0.2，其中4.x版本是支持iframe的，以後的版本則去掉了這一功能。具體可見之前下載地址說明。

但是在該插件中，如果我們雙擊遮罩層處，那麼這時候對話框則會自動關閉，那麼該怎樣解決這個問題呢？請看以下說明（這裡我以v4.1.7版本為例）：

1.打開artDialog.source.js這個文件，大概在1404行處（或者查找關鍵字“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：屏蔽雙擊遮罩處關閉對話框的操作
  if (config.dblclick_hide) {
    that._click('cancel');
  }
});