(转)修复 artDialog 双击遮罩层就会自动关闭的bug.... 自己动手....

今天使用的时候发现 双击遮罩层 就会自动关闭 ,我用的版本是 5.0 应该是最新的版本 ........

 

原因就是 在遮罩层上 绑定了 双击关闭事件... 无奈.... 不过这个特性也不是无用....

 

此处我做了下增进: 在配置参数中增加 dblclick_hide 项,例如:

var frm_user_art = art.dialog({
                    title: '修改用户信息',
                    width: "360px",
                    esc: false,lock:true,dblclick_hide:false,
                    content: $('#k-info-show').get(0),
                    beforeunload: function () {
                        $('#k-info-show').hide().empty();
                        window.art_frm_user_update = null;
                    }
                }).lock();

var frm_user_art = art.dialog({
					title: '修改用户信息',
				    width: "360px",
				    esc: false,lock:true,dblclick_hide:false,
				    content: $('#k-info-show').get(0),
				    beforeunload: function () {
				        $('#k-info-show').hide().empty();
				        window.art_frm_user_update = null;
				    }
				}).lock();

 

此处 如果设置为 false,则 双击遮罩层,不关闭,否则 关闭,缺省 就是false

 

改了下 artDialog.js 源文件

 

$div.bind('click', function () {
    that._reset();
}).bind('dblclick', function () {
    if (config.dblclick_hide) {
        that._click('cancel');
    }
});

                    
        $div.bind('click', function () {
            that._reset();
        }).bind('dblclick', function () {
        	if (config.dblclick_hide) {
        		that._click('cancel');
        	} 
        });

 

你们自己搜吧,找到这位置 将 代码 改成这样 其实 就是加了行 if (config.dblclick_hide) 判断而已

 

 

 

 

function ShowStuMsg(id) {
  //  ajax_div(id);
    $("#divWagsOnet").html("<Img src='http://www.cnblogs.com/Images/loading.gif' />" + "载入中");
    $("#divWagsOnet").load("../Student/StuIndex.aspx?id=" + id+"&ram="+Math.random());
 
    var dialog = art.dialog({
        content: document.getElementById('divWagsOnet'),  //内容部分
        okValue: '返回',     //按钮文字
        title: '学生信息',      //标题
        follow: document.getElementById('spanfloatWages3'),
        padding: "5"
       
    });
    dialog.size('', '');
    $("#colosHidden").live("click", function () { dialog.hidden() })
    $("#colosShow").live("click", function () { dialog.visible() })
}

function ArtShow(title, centent, type) {
    var Divclssname = "";
    if (type=="ok") {
        Divclssname = "ArtShowspan";
    }
    else if (type == "no") {
        Divclssname = "ArtShowspanError";
    }
    var dialog = art.dialog({
        content: "<div style='text-align:left;width:215px;font-size:14px;text-indent:8px; vertical-align:middle; line-height:200%;padding-left:14px;' ><div class='" + Divclssname + "'></div>" + centent + "</div>",  //内容部分
        okValue: ' 确定 ',    //按钮文字
        cancelValue: ' 返回 ',     //按钮文字
        title: title,      //标题 
        esc: false,
        dblclick_hide: false,
        ok:function(){
        },
        padding: "25px 0px 10xp 0px"
    });
    dialog.lock();   
}