2013-04-21 71 views
1

我无法让Bootstrap手风琴收起在Firefox上正常工作。如果我点击手风琴标题,它会显示一秒的内容,但不会保持打开状态。我也试过用“切换”:“隐藏”,但那也没用。任何反馈或帮助非常感谢,谢谢!引导程序崩溃/手风琴不能在Firefox上保持打开状态

这里是我的代码:

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

回答

0

当你添加数据切换和数据父级属性引导自动初始化手风琴。 我想你只需要删除javascript的初始化 - $(“。collapse”)。collapse({“toggle”:“show”});

0

既然你已经使用了"toggle" : "show",你需要删除你的手风琴in类:

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

FIDDLE

+0

谢谢你的建议!不幸的是,我仍然没有得到它在Firefox上的工作。当我在本地主机上尝试它时,它工作正常,但在我的现场网站上它停止工作。 – bonyhad 2013-04-21 18:21:22

0

我也

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

移除了

<head> 

和现在的作品!