jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法

本文实例讲述了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');
  }
});

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

• 分享2个jQuery插件--jquery.fileupload与artdialog
• artdialog的图片/标题以及关闭按钮不显示的解决方法
• 给artDialog 5.02 增加ajax get功能详细介绍
• artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
• artDialog双击会关闭对话框的修改过程分享
• JS中artdialog弹出框控件之提交表单思路详解
• jQuery validate+artdialog+jquery form实现弹出表单思路详解
• artDialog+plupload实现多文件上传
• plupload+artdialog实现多平台上传文件
• Jquery弹出窗口插件 LeanModal的使用方法
• 使用jQuery插件创建常规模态窗口登陆效果
• jQuery插件artDialog.js使用与关闭方法示例