Карусель 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, и он работал нормально.