模式防止外單擊使用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');完全。