我正在使用bootstrap框架构建一个网站,并且在崩溃组件方面存在一些问题。我刚刚从旧版本切换到Bootstrap版本3。在旧版本中,崩溃在所有浏览器中都运行良好。但是,现在链接到新版本的bootstrap css和javascript并更新html标签后,它的工作方式并不完全正确。在chrome中,除了其中三个之外,所有折叠块都可以工作。当我点击它们时没有任何反应。如果我在页面打开时强制打开它们(通过添加collapse.in),那么他们会这样做但是当我关闭它们然后尝试再打开它们时它们不会。我有5套独立的手风琴,在三种不合作的情况下,它们都是套装中的最后一套。我已经将这些代码与我的其余代码以及bootstrap示例中的代码进行了比较,我似乎无法找到任何语法错误。以下是一些代码:
<div class="panel-group" id="accordion1">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#collapseOne">
Mid Shore Business and Technology Park
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
Content
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#collapsetwo">
Dorchester Technology Park
</a>
</h4>
</div>
<div id="collapsetwo" class="panel-collapse collapse">
<div class="panel-body">
Content
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#collapsesix">
Mistletoe Farm Project
</a>
</h4>
</div>
<div id="collapsesix" class="panel-collapse collapse">
<div class="panel-body">
Content
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#collapsenine">
Cambridge Waterfront: SAILWINDS PARK
</a>
</h4>
</div>
<div id="collapsenine" class="panel-collapse collapse">
<div class="panel-body">
</div>
</div>
</div>
</div>
稍微不相关的说明,它们都不适用于IE。提前谢谢!