Bootstrap carousel显示物品滑出但没有滑入

Question

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

我的代码如下。

<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在另一个项目中运行旋转木马，它运行正常。