的jQuery的.css（{ ' - MOZ動畫延時'： '300毫秒'}）未在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上看到時，class .effect-content只包含style'animation-delay'，而不是'-moz-animation-delay'。 任何人都可以幫助我嗎？非常感謝您的幫助。

Answer 1

這是因爲Firefox的使用標準「動畫延遲」屬性，根據https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay