boostrapを利用したモーダルウィンドウが機能しない原因をどう調べればよいでしょうか？

Question

###問題
ローカルでテストしたときは、うまくモーダルウィンドウが開閉したのですが、そのデータを利用したいサイト（http://wonect.com/about-us）に移行するとウィンドウが開いても閉じなくなりました。(リンクもクリックできなくなった)

原因は、サイトで読み込んでいるプログラムが影響しているようなのですが、どこをどう調整すれば修正できるのか検討がつきません。
どうすればこの不具合を解決できるでしょうか？

###備考
・デベロッパーツールで関係ありそうなコンソールエラーはなし。

以下、ローカルでうまくいったコード

<!-- モーダルウィンドウを表示する画像 -->
<img src="img/icon_staff00.png" class="img-responsive thumbnail" alt="" data-toggle="modal" data-target="#image_myModal" style="cursor:pointer">

<!-- 表示されるモーダルウィンドウ -->
<div class="modal fade" id="image_myModal">

<div class="modal-dialog modalcenter">
<div class="modal-content">
<div class="modal-body">
<img src="img/portrait_staff00.jpg" class="img-responsive" alt="">
<p>Fuji</p>
<p>Ability: Thinking</p>
<p>I am happiest when I have ideas to tackle multiple problems, or when I am able to portray designs in a slightly different way. Though those times are rare... I am into designing my own life now.</p>
</div>
<div class="modal-img_footer">

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

Answer 1

とりあえずこれを削除もしくはコメントアウトをすればうまくいくと思います。
<script type="text/javascript" src="http://wonect.com/js/iwd/all/modal.js"></script>

bootstrap.min.jsの中にもmodalの記述があり、それと動作が違うのです。
bootstrap.min.jsは</body>の上にオーバーレイのmodal-backdropを作りますが、modal.jsはmodalの中に作ります。
なのでmodalを使うときはbootstrap.min.jsかmodal.jsかどちらかを選ぶ感じですね。
あ、modal.jsを使うときはCSSも書く必要があります。

Comments

[h-o]

返信をいただき誠にありがとうございます。
やってみます。