引导程序 4 错误:折叠正在过渡 [英] bootstraps 4 Error: Collapse is transitioning

查看：23
本文介绍了引导程序 4 错误:折叠正在过渡的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

谁能帮我解决转换问题引导程序 4.这是造成错误 未捕获的错误:折叠正在转换 问题仅在不包含引导 css 时.在我的情况下，bootstrap css 与我的大 css 冲突.谁能帮忙解决这个地狱

<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">可折叠组项目 #1</a>

<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 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">可折叠组项目 #2</a>

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

解决方案

此问题已在 Bootstrap 4.0.0-beta 上解决.4.2.1版本现已上线！

有多种下载方式:

您可以查看 Beta 1 船舶列表 #21568 链接以了解更多信息.

初始答案

引导程序 v4.0.0-alpha.6 存在错误code> 版本的转换将在下一个版本中解决.

参见 issue 22256，pull 21743 和 v4.0.0-beta 里程碑 链接以了解更多信息.

暂时，您可以使用类似 @Nayana_Das 示例的解决方法.

can anyone help me please to slove transition issue bootstrap 4. this is making error Uncaught Error: Collapse is transitioning issue is only when not include bootstrap css. in my case bootstrap css conflict my large css. can anyone help to slove out this 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>

解决方案

This issue has been solved on Bootstrap 4.0.0-beta. The 4.2.1 version is available now!

There are several ways to download it:

You can see the Beta 1 ship list #21568 link for more information.

INITIAL ANSWER

There is an error with the Bootstrap v4.0.0-alpha.6 version with the transitioning that will be solved on the next release.

See the issue 22256, pull 21743 and v4.0.0-beta milestone links for more information.

For while, you can use workarounds like the @Nayana_Das example.

这篇关于引导程序 4 错误:折叠正在过渡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆