bootstrap-model-弹出框背景禁止点击
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%;width: 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');
知识只有共享才能传播,才能推崇出新的知识,才能学到更多,这里写的每一篇文字/博客,基本都是从网上查询了一下资料然后记录下来,也有些是原滋原味搬了过来,也有时加了一些自己的想法