手風琴不會摺疊

以下手風琴代碼對我來說工作不正常。手風琴不會摺疊

<div class="accordion" id="accordion1"> 
    <div class="accordion-group"> 
     <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" 
      data-parent="#accordion1" href="#note1"> 
      Foo 
     </a> 
     </div> 
     <div class="accordion-body collapse" id="note1"> 
     <div class="accordion-inner"> 
      <pre>Foo body</pre> 
     </div> 
     </div> 
    </div> 
    <div class="accordion-group"> 
     <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" 
      data-parent="#accordion1" href="#note2"> 
      Bar 
     </a> 
     </div> 
     <div class="accordion-body collapse" id="note2"> 
     <div class="accordion-inner"> 
      <pre>Bar body</pre> 
     </div> 
     </div> 
    </div> 
</div>

它顯示並且項目正確展開，但項目不會摺疊。當我點擊一個打開的項目時，它會短暫崩潰，然後再次展開。我已經看到引導版本2.1.0和2.1.1上的這種行爲。另外，我使用jQuery 1.7.2和1.8.2和Chrome中查看22

來源

2012-09-28 mightybyte

http://jsFiddle.net ;-) – yckart

對我的作品的罰款。你的頭部是什麼樣的？ U提到你使用jQuery的兩個版本，爲什麼？另外，你還包括哪些版本的bootstrap js？個人插件或插件包？ –

是的，它在jsfiddle上對我也很好，但仍然無法在我的網站上運行。我沒有同時使用兩個版本。我只是想讓人們知道我已經試過了，並且得到了兩個不同版本的引導程序和兩個不同版本的JQuery的相同問題。的 – mightybyte

的問題結束了，我不小心包括我所有的JavaScript腳本文件的兩倍。刪除重複的固定的一切。我不知道這個錯誤有多普遍，但如果其他人將來會遇到這個問題，那麼得到這個答案可能會有幫助，而不是隻是刪除問題。

來源

2012-10-01 17:50:16 mightybyte

調試完Collapse類之後，我發現了同樣的雙重負載問題。我使用twitter-bootstrap-rails來包含引導程序。 – jspooner

我們通過需要bootstrap.js的菜單運行相同的事情，然後使用require將其重新加載到應用程序中。我們通過在應用中使用顯式的javascript處理手風琴展開/摺疊來解決此問題，而不是數據註釋。 –

同樣的問題在這裏 - 花費至少一個小時，也許更多，調試這隻意識到bootstrap.min.js被包含兩次從兩個不同的文件。我解決了這個問題（直到閱讀完這本書之後才發現），現在它完美地工作了。感謝您首先犯下這個錯誤，並考慮將其記錄下來！ – JToland

我有同樣的問題。問題是我在 bootstrap之後加載了jQuery 。

來源

2013-05-09 20:26:52 charlie

手風琴不會摺疊

回答

相關問題