bootstrap模态框点击遮罩层时，让模态框不关闭

模态框默认情况，当点击遮罩层或者按下esc键时会关闭模态框，项目需求当点击的时候不关闭，自己用了两种办法解决。

第一种：

直接添加属性 data-backdrop="static" data-keyboard="false"

<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="" aria-describedby="" data-backdrop="static" data-keyboard="false">  
    <div class="modal-dialog modal-sm" role="document" aria-hidden="true">  
        <div class="modal-content modal_del">  
            <div class="modal-header">  
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">  
                    <span aria-hidden="true">×</span>  
                </button>  
                <h4 class="modal-title">温馨提示</h4>  
            </div>  
            <div class="modal-body">  
                <span>注意：您确定要删除吗？改操作将无法恢复！</span>  
            </div>  
            <div class="modal-footer">  
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>  
                <button type="button" class="btn btn-primary delBtn-true">确定</button>  
            </div>  
        </div>  
    </div>  
</div>  

data-backdrop="static"    点击遮罩层不关闭模态框，可以为布尔值false，默认true

data-keyboard="false"    按下esc键不关闭模态框，可以为布尔值false，默认true

第二种：

$('#delModal').modal({  
    backdrop: 'static', //点击遮罩层不会被关闭  
    keyboard: false //按下esc键不会被关闭  
});