Javascript JQuery:Boostrap旋转木马字幕动画
我正在使用一个很好的脚本来激活animate.css。它被称为。 我试图在每张幻灯片上激活fadeInRight旋转木马标题,但它不想工作。以下是我现在拥有的: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')
$('#myCarousel').on('slide.bs.carousel', function () {
$('.carousel-caption').addClass("wow fadeInRight");
$('.carousel-caption').attr('data-wow-delay','5s');
})
如果我避免使用slide.bs.carousel,而是直接将类以不同的延迟添加到我的所有3张幻灯片中,它将只运行一次,并且当第一张幻灯片出现时,它不会产生任何效果,这是可以理解的,因为滑块已加载
那么,如何让这段代码在每张幻灯片上运行,然后当它返回到同一张幻灯片时继续制作动画呢?WOW在滚动页面时制作动画。从文档-->“在用户滚动显示它之前,它是不可见的。”。在旋转木马中使用WOW并不是滚动页面谷歌搜索东西我发现了很多例子。