1

Twitterのブートストラップを使用して標準のモーダルボックスを実装しようとしています。プレーンなApacheサーバーで動作していますが、Tomcat6を使用するJSPでは動作しません。

デバッグの方法がわかりません。コピーミスがあるかもしれませんが、何がわかりません。

該当するコードは次のとおりです。

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">XXX</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body?</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<script src="/javascript/jquery-1.7.0.min.js" type="text/javascript"></script>
<script src="/javascript/bootstrap-modal.js"></script>

注：jqueryとブートストラップの両方が順番にロードされます。

4

2 に答える 2

0

@keshavにはキーがあり、javascriptコンソールを使用します。これは、jqueryをロードするためのURLが間違っていることを示していました。それを修正し、すべてがうまくいきました。ありがとう

于 2012-10-18T03:42:03.943 に答える
0

記録のために-jqueryをロードした後にbootstrap-modal.jsをロードすると、bootstrapのモーダル関数が機能しません。jqueryをロードする前にbootstrap-modal.jsをロードすると、bootstrapのモーダル関数が正しく機能します。

于 2013-01-06T23:49:17.627 に答える