Javascript 在owl.carousel.change上设置CSS动画

我使用这个猫头鹰旋转木马并在这个滑块中为一些文本添加animate.css。现在动画开始时效果很好，就是这样。我需要一些解决方案，如何在js中实现owl.carousel.change上的.addClass和.removeClass。我尝试了一些东西，但没有成功

 <div id="BG" class="owl-carousel owl-theme">
     <div class="bg-item1">
        <div class="container row h-100">
            <div class="col-sm-12 align-self-center">
                <div class="bg-txt animated fadeInRight delay-2s">
                    <span style="text-transform: uppercase; font-weight:bold;"> SOME TEXT </span>                                          
                </div>
             </div>
        </div>
     </div>
     <div class="bg-item2">
         <div class="container row h-100">
             <div class="col-sm-12 align-self-center">
                  <div class="bg-txt animated fadeInRight delay-2s ">
                     <span style="text-transform: uppercase; font-weight: bold;"> SOME TEXT </span       
                   </div>
              </div>
          </div>
      </div>
</div>

一些文本
一些文本库Owl转盘2支持。您可以将要添加的动画类传递到
animateIn和
animateOut属性。请参阅下面的代码片段，了解使用
animateIn的工作示例：


$（文档）.ready（函数（）{
var owl=$（'.owl carousel'）；
猫头鹰旋转木马({
animateIn:‘fadeInRight delay-2s’，
项目：1，
循环：对，
导航：是的，
});
});

一些文本
一些文本
可能重复是的，就是这样，但我尝试了这个，有些对我不起作用。是的，就是这样。使用event change.owl.carousel时，它无法正常工作。现在使用translate.owl.carousel，一切都很完美。谢谢