Bootstrap 折叠/手风琴在 Firefox 上不保持打开状态答案

【问题标题】：Bootstrap collapse / accordion doesn't stay open on FirefoxBootstrap 折叠/手风琴在 Firefox 上不保持打开状态
【发布时间】：2013-04-21 10:04:34
【问题描述】：

我无法让 Bootstrap 手风琴折叠在 Firefox 上正常工作。如果我单击手风琴标题，它会显示一秒钟的内容，但不会保持打开状态。我也尝试过使用“toggle”：“hidden”，但这也不起作用。非常感谢任何反馈或帮助，谢谢！

这是我的代码：

<!DOCTYPE html> 

<head>
<script src="/js/bootstrap-collapse.js"></script>  
   <script>  
        $(document).ready(function () {
        $(".collapse").collapse({"toggle" : "show"});
        });
   </script> 
</head>

<div class="accordion" id="accordion2">
  <div class="accordion-group">
     <div class="accordion-heading">
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"  href="#collapseOne">Example</a>
     </div>
  <div id="collapseOne" class="accordion-body collapse in">
     <div class="accordion-inner"> Example text for the accordion...</div>
   </div>
  </div> 
</div><!--end of accordion-->

</body>
</html>

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

当您添加 data-toggle 和 data-parent 属性时，引导程序会自动初始化手风琴。我认为您只需要删除 javascript 初始化 - $(".collapse").collapse({"toggle" : "show"});

【讨论】：

【解决方案2】：

由于您已经使用了"toggle" : "show"，因此您需要删除手风琴的in 类：

<div id="collapseOne" class="accordion-body collapse">

FIDDLE

【讨论】：

感谢您的建议！不幸的是，我仍然没有让它在 Firefox 上运行。当我在 localhost 上尝试它时它工作正常，但在我的实时站点上它停止工作。

【解决方案3】：

我也删除了

<script src="/js/bootstrap-collapse.js"></script>

来自

<head>

现在它可以工作了！

【讨论】：