0

我正在使用引导框架构建一个网站，并且崩溃组件存在一些问题。我刚刚从旧版本切换到 Bootstrap 版本 3。在旧版本中，崩溃在所有浏览器中都能正常工作。但是，现在在链接到新版本的引导 css 和 javascript 并更新 html 标签后，它并不完全正确。在 chrome 中，所有折叠的块都可以工作，除了其中三个。当我点击它们时，什么也没有发生。如果我在页面打开时强制它们打开（通过添加collapse.in），那么它们会打开，但是当我关闭它们然后尝试再次打开它们时它们不会。我有 5 套独立的手风琴，在它们不工作的三种情况中的每一种情况下，它都是该组中的最后一个。我已经将这些代码与我的其余代码以及引导示例中的代码进行了比较，我似乎找不到任何语法错误。这是一些代码：

<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 中工作。提前致谢！

4

0 回答 0