javascript - Bootstrap 轮播显示项目滑出但不滑入

Question

我目前正在使用引导轮播来显示一些数据。滑出动画正确显示，但是当一个新的轮播项目进入时，它只会出现，而不是滑出前一个项目。

我的代码如下。

<div class="carousel slide" data-ride="carousel"
     data-interval="{{vm.carouselDelay}}"
     ng-if="vm.birthdays.length">
    <div class="carousel-inner">
        <div ng-repeat="person in vm.birthdays"
            class="carousel-item event-card" ng-class="{active: person == vm.birthdays[0]}">

            <event-card person="person"></event-card>

        </div>
    </div>
</div>

事件卡只是一个显示信息的 div。

由于我无法控制的原因，我使用的是 jQuery 版本 1.9.1，但是 Bootstrap 和 Popperjs 都在其最新版本上。但是，我尝试使用 jQuery 1.9.1 在另一个项目中运行轮播，并且效果很好。

标签： javascriptjqueryangularjstwitter-bootstrap