2014-02-19 73 views
1

我是新来的jQuery。我使用Animate.css,只是想在动画中加入延迟,所以我尝试这样做:简单的动画延迟不起作用

$('#fadeInRight').delay(20000).addClass('animated fadeInRight'); 

这是为什么不工作?

+0

你能提供你的代码样本吗?也许一个小提琴showig问题? – badAdviceGuy

+0

你是否尝试过其他方式? ''('#fadeInRight')。addClass('animated fadeInRight')。delay(20000);' –

+1

当然你发现的一个问题建议使用setTimeout来延迟addClass –

回答

3

使用setTimeout()

setTimeout(function(){$('#fadeInRight').addClass('animated fadeInRight')},20000); 
+0

我知道这个工作,但我从来没有理解为什么jQuery的“.delay”不。 –

+2

https://api.jquery.com/delay/ –

2

github page状态的另一种方式来添加延迟,没有jQuery的需要:


#yourElement { 
    -vendor-animation-duration: 3s; 
    -vendor-animation-delay: 2s; 
    -vendor-animation-iteration-count: infinite; 

}

注:一定要更换包含应用程序的CSS中的“供应商”可供应商前缀(webkit,moz等)


+1

请注意,此方法仅在IE10及更高版本中受支持。 –