bootstrap的model弹出框,默认在点击背景时会隐藏,而有时特殊效果是不允许隐藏,下面就是解决方案:本例参考来自这里
方法一:
$('#myModal').modal({backdrop: 'static', keyboard: false})
方法二
<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
Launch demo modal
</button>`
如下例
<div class="modal fade" id="myModel" tabindex="-1" role="dialog" aria-labelledby="myTMCLabel" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document" style="margin-top: 15%; 300px;"> <div class="modal-content" style="height: 120px;text-align: center;padding: 0;margin: 0;line-height: 120px;font-size: 30px;"> 请稍候... </div> </div> </div>
通过下面使用,点击背景不会隐藏
$('#myModel').modal('show');