Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery:Boostrap旋转木马字幕动画_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript JQuery:Boostrap旋转木马字幕动画

Javascript JQuery:Boostrap旋转木马字幕动画,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在使用一个很好的脚本来激活animate.css。它被称为。 我试图在每张幻灯片上激活fadeInRight旋转木马标题,但它不想工作。以下是我现在拥有的: $('#myCarousel').on('slide.bs.carousel', function () { $('.carousel-caption').addClass("wow fadeInRight"); $('.carousel-caption').attr('data-wow-delay','5s')

我正在使用一个很好的脚本来激活animate.css。它被称为。 我试图在每张幻灯片上激活fadeInRight旋转木马标题,但它不想工作。以下是我现在拥有的:

$('#myCarousel').on('slide.bs.carousel', function () {
      $('.carousel-caption').addClass("wow fadeInRight");
      $('.carousel-caption').attr('data-wow-delay','5s');
})
如果我避免使用slide.bs.carousel,而是直接将类以不同的延迟添加到我的所有3张幻灯片中,它将只运行一次,并且当第一张幻灯片出现时,它不会产生任何效果,这是可以理解的,因为滑块已加载


那么,如何让这段代码在每张幻灯片上运行,然后当它返回到同一张幻灯片时继续制作动画呢?

WOW在滚动页面时制作动画。从文档-->“在用户滚动显示它之前,它是不可见的。”。在旋转木马中使用WOW并不是滚动页面谷歌搜索东西我发现了很多例子。