Bootstrap模态框(modal)显示、隐藏与禁用ESC代码实现

场景

对于弹出框bootstrap就有模态框(modal)。

有时显示模态框，按键盘上ESC就会关闭模态框，所以在打开模态框时设置其属性。

实现

modal显示：

 $("#apAddAndEidtModel").modal('show');

modal隐藏：

$("#apAddAndEidtModel").modal('hide');

modal禁用Esc:

$("#apImportModel").modal({show:true, keyboard:false});

 

示例代码

页面代码：

        

            

                ×Close
                
                    

                        
                    
                
                上传
                导入
            
        
    

 

js代码：

 //导入Excel操作
    function importExcel(){
        $("#apImportModel").modal({show:true, keyboard:false});
    }

//关闭窗口操作
function Testclose(){
    debugger

    $("#apImportModel").modal('hide');
    $("#file_id").val(null);
    return false;
}