js创建普通的弹出窗口

/**
 * js创建普通的弹出窗口
 * */
function createPopoverDialog(config){
    //var configJson = $.parseJSON(config);
    
    var DialogJson = {
            successFuc: null, //确定绑定事件
            checkReturn: false, //是否检查返回值
            cancelFuc: null, //取消绑定事件
            msgcontent : '暂无信息！', //消息内容
            msgwidth : 800 , //消息窗口宽度
            msgtitle : "消息提示" , //消息标题,
            url : null  ,//请求URL
            checkBtn : true //是否显示按钮
    }
    
    $.extend(DialogJson , config );
    
    if(DialogJson.url != null){
        $.post(DialogJson.url , function(data){
            var divDialog = $('<div class=" popover fade in " style="width: ' + DialogJson.msgwidth + 'px; max-height: 500px; overflow-y: scroll;"></div>');
            var divTitile = $('<div class="popover-title"></div>');
            var divTitileButtom = $('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>');
            var divTitileContent = $('<h3><span>' + DialogJson.msgtitle + '</span></h3>');
            var str = DialogJson.checkBtn ? "" : "id=\"popover-content\"" ;
            var divContent = $('<div class="popover-content" '+ str + '>' + ($.trim(data) == "" ? DialogJson.msgcontent : data ) + '</div>');
            var divFoot = $('<div class="popover-footer" style="padding: 14px 15px 15px;margin-bottom: 0;text-align: center;background-color: #f5f5f5;border-top: 1px solid #ddd;"></div>');
            var okbtn = $('<a href="#" style="margin:5px;" class="btn btn-primary">确定</a>');
            var cancelbtn = $('<a href="#" style="margin:5px;" class="btn">取消</a>');
            
            divFoot.append(okbtn).append(cancelbtn);
            
            divTitile.append(divTitileButtom).append(divTitileContent);
            
            divDialog.append(divTitile).append(divContent);
            if(DialogJson.checkBtn){
                divDialog.append(divFoot);
            }
                okbtn.click(function(){
                    var returnVal = false;
                    if(DialogJson.successFuc != null && DialogJson.successFuc){
                        okbtn.attr('disabled','disabled').text('处理中...');
                        try{
                            returnVal = DialogJson.successFuc();
                        }catch(e){
                            showPopMsg(e, 'error');
                            okbtn.removeAttr('disabled');
                        }
                    }

                    if( DialogJson.checkReturn==true ){
                        if( returnVal==true ){
                            divDialog.fadeOut(function(){
                                divDialog.remove();
                            });
                        }
                        else{
                            okbtn.removeAttr("disabled").text("确认");
                        }
                    }else{
                        divDialog.fadeOut(function(){
                            divDialog.remove();
                        });
                    }
                });
                
                cancelbtn.click(function(){
                    cancelbtn.attr('disabled','disabled').text('处理中...');
                    if(DialogJson.cancelFuc != null && DialogJson.cancelFuc){
                        try{
                            DialogJson.cancelFuc();
                        }catch(e){
                            showPopMsg(e, 'error');
                            cancelbtn.removeAttr('disabled');
                        }
                    }
                    divDialog.fadeOut(function(){
                        divDialog.remove();
                    });
                });
            
            divTitileButtom.click(function(){
                divDialog.modal("hide");
                divDialog.remove();
            });
            
            var  winWidth = $(window.parent.document).find('#rightContent').width();
            divDialog.css({'width': DialogJson.msgwidth + 'px','position':'absolute','top':'15%','margin-left':'0px','left':((winWidth-DialogJson.msgwidth)/2)+ 'px'});
            $('body').append(divDialog);
            divDialog.show();
        });
    }
}