javascript - Bootstrap 4 错误 : Collapse is transitioning

Question

任何人都可以帮我解决 Bootstrap 4 的过渡问题吗？这是错误 未捕获错误:折叠正在转换 问题仅在不包含 bootstrap css 时出现。就我而言，bootstrap css 与我的大 css 冲突。谁能帮助解决这个 hell

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>

<div id="accordion" role="tablist" aria-multiselectable="true">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h5 class="mb-0">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" role="tab" id="headingTwo">
      <h5 class="mb-0">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Collapsible Group Item #2
        </a>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      </div>
    </div>
  </div>
</div>

Answer 1

此问题已在 Bootstrap 4.0.0-beta 上得到解决。 4.2.1版本现已推出!

有多种下载方式:

• Download the latest release in a zip file.
• 克隆存储库:git clone https://github.com/twbs/bootstrap.git
• 安装npm : npm install bootstrap
• 安装yarn : yarn 添加 bootstrap@4.2.1
• 安装Composer : Composer 需要 twbs/bootstrap:4.2.1
• 安装NuGet : CSS: Install-Package bootstrap Sass: Install-Package bootstrap.sass

您可以看到Beta 1 ship list #21568链接以获取更多信息。

<小时/>

初步答案

Bootstrap 有错误v4.0.0-alpha.6 版本的过渡将在下一个版本中解决。

请参阅issue 22256 , pull 21743和 v4.0.0-beta milestone链接以获取更多信息。

暂时，您可以使用像 @Nayana_Das 示例这样的解决方法。