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

模态防止点击外面不工作使用JavaScript

1 个答案: