javascript - 模态防止点击外部无法使用javascript

Question

我尝试了我的代码，但不起作用，模式仍然使用鼠标单击，这里有一些代码

我的模态:

<!-- modal -->

<div id="my-modal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header" style="border-bottom: 1px solid rgba(229, 229, 229, 0); background: #FF5722; color: #fff;">
            <h4 class="modal-title"><i class="fa fa-exclamation-triangle"></i> Danger</h4>
        </div>
        <div class="modal-body" style="background: #FF5722; color: #fff;">
            Hello World!
        </div>
         <div class="modal-footer" style="background: #FF5722; border-top: 1px solid rgba(229, 229, 229, 0);">
            <button type="submit" class="btn btn-primary">Submit</button>
  </div>
    </div>
</div> 

和 JavaScript :

<script type="text/javascript">
$(window).load(function(){
    $('#my-modal').modal('show');
    $('#my-modal').modal({
      backdrop : 'static',
      keyboard : false
    })
});

Answer 1

更改此:

$('#my-modal').modal('show');
$('#my-modal').modal({
  backdrop : 'static',
  keyboard : false
})

...对此:

$('#my-modal').modal({
  backdrop : 'static',
  keyboard : false
});
$('#my-modal').modal('show');

您甚至可以完全省略 $('#my-modal').modal('show'); 。