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');

 

转载于:https://www.cnblogs.com/hwaggLee/p/5264340.html