jquery - jQuery .css({'-moz-animation-delay':'300ms'}) 不适用于 Firefox

Question

我的 HTML：

<div class="effect-wrapper">
    <div class="effect-content"></div>
    <div class="effect-content"></div>
    <div class="effect-content"></div>
    <div class="effect-content"></div>
</div>

我的 jQuery：

$(".effect-wrapper .effect-content").each(function (j) {
    $(this).css({'-webkit-animation-delay':(j * 300) + 'ms'
    ,'-moz-animation-delay':(j * 300) + 'ms'
    , '-o-animation-delay':(j * 300) + 'ms'
    , 'animation-delay':(j * 300) + 'ms'});
});`

http://jsfiddle.net/F5wzr/1/

但是当我在使用 Firebug 的 Firefox 上看到时，.effect-content 类只包含样式“animation-delay”，而不是“-moz-animation-delay”。任何人都可以帮助我吗？非常感谢您的帮助。

Answer 1

这是因为 Firefox 使用标准的“动画延迟”属性，根据https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay