javascript - 为什么 Bootstrap 面板折叠不能与 JSF 一起使用？

Question

这是我的面板的代码:

<div class="panel-group destinfo" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                    <h3><b>OVERVIEW</b></h3>
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                 <p>Some text here</p>               
            </div>
        </div>
    </div>
</div>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

当我单击面板时，它不会打开带有 <p>some text here</p> 的整个面板.当我在 notepad++ 中尝试时它做到了，但在 netbeans(maven web 应用程序 + JSF 框架)中它不起作用。这里有什么问题？

Answer 1

对于 Bootstrap，您需要在 Bootstrap 库之前加载 jQuery，如下所示:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>