手风琴不会折叠

以下手风琴代码对我来说工作不正常。手风琴不会折叠

<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

手风琴不会折叠

回答

相关问题