BootStrap组件之Modal模态框

模态框提示信息-封装

/*========================================================
 * 模态框提示信息-封装
 *========================================================
 * message 提示信息-内容部分
 * fn  回调函数
 * isClose 是否调用定时方法关闭-Modal
 *========================================================*/
BootstrapShowDialog = function(message,fn, isClose){
    var isClose = isClose || false;
    var BtsDialog = BootstrapDialog.show({
            title: '信息提示',
            id:'layer',
            message:message,
            buttons: [{
                id: 'btn-ok',   
                // icon: 'glyphicon glyphicon-check',       
                label: '确认',
                cssClass: 'btn-primary', 
                autospin: false,
                action: function(dialogRef){
                    // do somthing... 
                    ok_call();
                    
                }
            },
            {
                id: 'btn-cancel',   
                // icon: 'glyphicon glyphicon-check',       
                label: '取消',
                cssClass: 'btn-success', 
                autospin: false,
                action: function(dialogRef){   
                   ok_call();
                }
            }] 
        });
    if (!isClose) {
        setTimeout(function(){
            BtsDialog.close();
            isClose = false;
        }, 200)
    }

    //函数回调
    function ok_call(){
        isClose = true;
        BtsDialog.close();
        if (typeof fn == 'function') {
            fn();
        };                
    }
};

解决Modal不能居中问题

bootstrap3-dialog模态框使用指南

依赖库

GitHub--完整项目下载

bootstrap-modal 学习笔记 源码分析