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/

但是当我在Firefox上使用Firebug时，class .effect-content只包含style 'animation-delay'，而不是'-moz-animation-delay'。有人能帮我吗?非常感谢您的帮助。

Answer 1

这是因为firefox使用标准的'animation-delay'属性，根据https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay