【问题标题】:easy animation delay not working [duplicate]简单的动画延迟不起作用[重复]
【发布时间】:2014-02-20 00:09:54
【问题描述】:

我是 jQuery 新手。我正在使用Animate.css,只是想在动画中添加延迟,所以我尝试了这个:

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

为什么这不起作用?

【问题讨论】:

  • 您能提供您的代码示例吗?也许一个小提琴显示问题?
  • 您是否尝试过相反的方法? $('#fadeInRight').addClass('animated fadeInRight').delay(20000);
  • 您发现的问题之一肯定是建议使用 setTimeout 来延迟 addClass
  • 我会接受 Pranav 的回答,使用一个“setTimeout”比指定一堆 CSS 内容要干净得多。

标签: jquery css animation delay


【解决方案1】:

使用setTimeout()

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

【讨论】:

  • 我知道这行得通,但我一直不明白为什么 jQuery 的 ".delay" 不行。
【解决方案2】:

github page 声明了另一种添加延迟的方法,不需要 jQuery:


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

}

注意:请务必将 CSS 中的“vendor”替换为适用的供应商前缀(webkit、moz 等)


【讨论】:

  • 请注意,此方法仅在 IE10 及以上版本中支持。
猜你喜欢
  • 2013-08-20
  • 1970-01-01
  • 1970-01-01
  • 2020-08-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-04
  • 2012-12-02
相关资源
最近更新 更多