2014-10-17 62 views
1

這裏是我的面板代碼:爲什麼bootstraps面板崩潰與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> 

當我點擊面板,它不打通整個面板<p>some text here</p>。當我在記事本++中嘗試時,它做到了這一點,但在netbeans(maven web應用程序+ JSF框架)中它不起作用。這裏有什麼問題?

+3

你應該首先加載jQuery的,這是否解決? – DavidG 2014-10-17 18:08:57

+0

正如大衛提到的..移動在jQuery代碼下的bootstrap.min.js ..它應該工作。 – Legin76 2014-10-17 18:26:47

+0

現在工作正常!謝謝@DavidG爲我的問題寫一個答案,這樣我就可以接受它並且upvote! – Carlton 2014-10-17 18:29:15

回答

4

爲引導,需要引導庫之前加載了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>