Javascript 为什么引导面板折叠不能与JSF一起工作？

以下是我的面板的代码：

<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>

这里有一些文字

---

当我单击面板时，它不会打开整个面板，并在此处显示一些文本。当我在notepad++中尝试它时，它做到了这一点，但在netbeans（MavenWeb应用程序+JSF框架）中它不起作用。这里怎么了？

对于引导，您需要在引导库之前加载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>

---

对于引导，您需要在引导库之前加载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>

您应该首先加载jQuery，这样可以修复它吗？正如David提到的。。将bootstrap.min.js移到jquery代码下。。它应该能用，现在可以用了！谢谢@DavidG为我的问题写一个答案，这样我就可以接受它&投票！你怎么会错过JavaScript错误控制台中的

错误：Bootstrap的JavaScript需要jQuery

消息？你应该先加载jQuery，这样可以修复它吗？正如David提到的。。将bootstrap.min.js移到jquery代码下。。它应该能用，现在可以用了！谢谢@DavidG为我的问题写一个答案，这样我就可以接受它&投票！您怎么会错过JavaScript错误控制台中的

错误：Bootstrap的JavaScript需要jQuery

消息？？