使用Owl Carousel和Wow.js

Question

Owl旋转木马：http://www.owlcarousel.owlgraphic.com/ Wow.js：http://mynameismatthieu.com/WOW/

我正在使用Owl Carousel和Wow.js

我正在尝试创建一个幻灯片放映，当幻灯片处于活动状态时，每个幻灯片的内容都会有动画效果。目前，所有内容的动画都会发生，即使它所在的幻灯片不在屏幕上。Wow.js似乎只能识别幻灯片本身是可见的，并激活所有动画

有没有办法更改它，使动画只在其包含的幻灯片在屏幕上可见时才在内容上出现？

Answer 1

我是对的，我有同样的问题，我做了下面的：

<script> 
   var $owl = $('.test-carousel'); 
   $owl.owlCarousel(); 

   //here we need hide because method show() doesn't work with css visible
   $( ".active .item h2" ).hide();

   //all other is the same
   $owl.on('translated.owl.carousel',
      function( event ) { 
      $( ".active .item h2" ).addClass( "animated bounceInDown" ); 
      $(".active .item h2").show(); });
   </script>