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

这是因为根据https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay

，firefox使用标准的'animation-delay'属性

jQuery .css（{' - moz-animation-delay'：'300ms'}）不适用于Firefox

1 个答案: