Question

我正在尝试使用Twitter的bootstrap实现标准模式框。我让它在我的普通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和bootstrap都按顺序加载。

Answer 1

@keshav有密钥，使用javascript控制台，显示我的加载jquery的URL错误。修正了，一切都很好。感谢

Answer 2

对于记录 - 当我加载bootstrap-modal.js加载jquery后，bootstrap的模态函数不起作用。当我加载bootstrap-modal.js之前，在加载jquery之前，bootstrap的模态函数正常工作。

如何调试twitter bootstrap模式框？

2 个答案: