ブートストラップモーダルはランダムに動作を停止しました - javascript、wordpress、twitter-bootstrap、bootstrap-modal

私は私のページに2つのモーダルポップアップがあり、それは先日完璧に機能していました。今、彼らは「仕事をやめています、そして私は何の手がかりもありません。

これがリンク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

回答：

私は同じ問題を抱えていました、しかし私が得ることができる唯一の解決策は私が以下の順序でリンクを追加したときでした：

1. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

3. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

私は、表示されているアイテムに対して.modal（ "show"）を呼び出すと、その後動作しなくなることに気付きました。 すなわち

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