旋转木马字幕刷新而非移动轮播

Question

我有一个引导旋转木马。我的旋转木马字幕非常大，所以我用不同的文件写了它们并使用

 <?php include() ?>

像这样：

    <div class="item">
    <img src="images/alavina.png" alt="alavina" style="width:100%;">
    <div class="carousel-captionn">
        <?php include("mycaption.html") ?>
      </div>
  </div>

添加它们。 然后我创建了一个

<div id="text"></div>

使用以下方式使轮播标题显示在图像下方

$('#text').html($('.active > .carousel-captionn').html());
$('.carousel').on('slid.bs.carousel', function () {
$('#text').html($('.active > .carousel-captionn').html());
  });

问题是，div内容只是在不随着旋转木马幻灯片移动而改变。 当旋转木马移动时，如何使div中出现的标题移动？ 谢谢