Twitter bootstrap 3 Bootstrap-3转盘在点击几下后冻结_Twitter Bootstrap 3_Bootstrap 4_Carousel

Twitter bootstrap 3 Bootstrap-3转盘在点击几下后冻结

twitter-bootstrap-3 bootstrap-4

Twitter bootstrap 3 Bootstrap-3转盘在点击几下后冻结,twitter-bootstrap-3,bootstrap-4,carousel,Twitter Bootstrap 3,Bootstrap 4,Carousel,所以我在家里有一个旋转木马。我没有为引导转盘做任何特定的配置。我只是保留了默认值。我不会在JS中初始化它视频：所以，它有时工作正常。但有一种情况是随机发生的，旋转木马冻结了。在做了一些研究之后，发现旋转木马的等级没有改变（见视频）当我单击箭头时，旋转木马将.active类的同级更改为.next.left。然后，.next变为.active 但有时它被卡住了，而且没有改变。那是它结冰的时候。这是随机的，有时甚至第二次点击都已经冻结了但有时，需要50多次点击才能得到错误我已经尝试过研究

所以我在家里有一个旋转木马。我没有为引导转盘做任何特定的配置。我只是保留了默认值。我不会在JS中初始化它

视频：

所以，它有时工作正常。但有一种情况是随机发生的，旋转木马冻结了。在做了一些研究之后，发现旋转木马的等级没有改变（见视频）

当我单击箭头时，旋转木马将.active类的同级更改为.next.left。然后，.next变为.active

但有时它被卡住了，而且没有改变。那是它结冰的时候。这是随机的，有时甚至第二次点击都已经冻结了

但有时，需要50多次点击才能得到错误

我已经尝试过研究它，这里的一些论坛建议重新安排脚本。我尝试先加载jquery，然后加载bootstrap.js。但冻结仍然存在

它应该运行没有问题，并始终对单击作出响应

这是密码

 <head>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>

    <div class="container"> 
      <div id="banner-carousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#banner-carousel" data-slide-to="0" class="active"></li>
          <li data-target="#banner-carousel" data-slide-to="1"></li>
          <li data-target="#banner-carousel" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
          <div class="item active">
            <h1>First</h1>
          </div>
          <div class="item">
            <h1>Second</h1>
          </div>
          <div class="item">
            <h1>Third</h1>
          </div>
        </div>

        <a class="left carousel-control" href="#banner-carousel" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#banner-carousel" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
</body>





弗斯特
第二
第三

更新：我到处都在研究，有一种方法可以让它发挥作用

通过添加该行，它可以工作，但每次滑动时都会记录一些控制台错误

“未捕获的TypeError:无法将未定义或null转换为object”

请共享您的确切代码，以便我们查看问题是否复制…罪魁祸首是$.support.transition。我最终创建了一个函数来替换该值。函数getSupport（）{返回'oTransition'；}如果（thiststyle.WebkitTransition！==未定义）{返回'WebkitTransition'；}返回'transition'；}