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/

しかし、Firefox で Firebug を使用しているのを見ると、クラス .effect-content にはスタイル「animation-delay」のみが含まれており、「-moz-animation-delay」は含まれていません。誰でもそれで私を助けることができますか? 助けてくれて本当にありがとうございます。

Answer 1

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delayによると、Firefox は標準の「animation-delay」プロパティを使用するためです。