动态添加的引导轮播被冻结，直到我按下指示器

Question

我动态添加了一个Bootstrap Carousel，如下所示：

<script>
     document.querySelector("body").innerHTML = '<div id="holder2">'
</script>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000">
    <ol id="indics" class="carousel-indicators"> 
    </ol>

    <div id="bigCatHolder" class="carousel-inner">
    </div>

    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

然后，我添加了项目，并且所有项目都正常运行，但是轮播似乎冻结了，直到按下指示器（下一个或上一个）。那时，轮播将自己（没有动画）传送到下一张/上一张幻灯片，并且从那里开始正常工作。

有什么想法吗？