Question

我的页面上有两个模态弹出窗口，这些弹出窗口在前一天完美运行。现在他们已经停止工作，我不知道为什么。

这是链接HTML：

<a href="#requestSample" data-toggle="modal" data-target="#requestSample">Request Samples</a>

这是模式：

<div class="modal" id="requestSample" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-body">
      <?php gravity_form(4, $display_title=false, $display_description=false, $display_inactive=false, $field_values=null, $ajax=false); ?>
    </div>
  </div>
</div>

以下是我正在处理的页面：http://michaelscollins.com

Answer 1

我有同样的问题，但我能得到的唯一解决方案是按以下顺序添加链接时：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Answer 2

我注意到，如果我在显示的项目上调用.modal（'show'），那么它就会停止工作。即

$('#modal').modal('show');
$('#modal').modal('show');
$('#modal').modal('hide');
// Modal will not go away after this

Bootstrap模态随机停止工作

2 个答案: