bootstrap modal

1无法弹出多个modal

解决方法,将每一个modal用一组div标签包裹

2点击空白不关闭设置

backdrop:static时,空白处不关闭.

keyboard:false时,esc键盘不关闭.

$(modalid).modal({backdrop: 'static', keyboard: false});

<div class="modal fade" tabindex="0" role="dialog" id="myModal" data-backdrop="static">

3解决弹出多个modal时下方modal无法滚动的问题

//解决弹出多个modal时,无法滚动的问题
function showModalRoll() {
    // An highlighted block
     $('#最上方modal的id').on("hidden.bs.modal",function(){
        $(document.body).addClass("modal-open");
    });

}

在页面一加载函数中调用

4解决modal中,不能自动聚焦到第一个input框中的问题

function addSpecialContentmodal() {
   //设置点击空白处不关闭modal
    //$("#specialContentModal").modal({backdrop: 'static', keyboard: false});
    $("#btn_addPerson").show();
    $("#btn_update").hide();
    $("#btn_save").show();
//打开modal
    $("#specialContentModal").modal("show");
//注册modal打开事件,让其自动聚焦到第一个input框
    $('#specialContentModal').on('shown.bs.modal', function () {
        $("#specialName").focus();
    })
}