.css（）for'animation-delay'屬性不能用變量設置

Question

我無法使用變量來更改'animation-delay'css屬性。

注意：這將適用於背景顏色或其他動畫屬性。即使變量明確設置爲字符串，動畫延遲也可以使用字符串「10s」而不是變量。

var animationDelayTime = '10s' 
$('.my-animation-class').css({ 
    'animation-delay' : animationDelayTime 
}) 

的這另一種方法也不起作用：

$('.my-animation-class').css( 
    'animation-delay', animationDelayTime 
) 

這個當前工作：

$('.my-animation-class').css({ 
    'animation-delay' : '10s' 
}) 

jsfiddle

Answer 1

我創建的jsfiddle - 這是爲我工作。也許你在其他地方有一個問題？

<div class="my-animation-class"></div> 

JS

$(document).ready(function(){ 
    var animationDelayTime = '10s' 
    $('.my-animation-class').css({ 
     'animation-delay' : animationDelayTime 
    }); 
}); 

CSS

.my-animation-class{ 
    width:200px; 
    height:200px; 
    background:#ff0000; 
    -webkit-animation: mymove 5s infinite; 
    -webkit-animation-delay: 2s; 
    animation: mymove 5s infinite; 
    position:relative; 
} 


@-webkit-keyframes mymove { 
    from {left: 0px;} 
    to {left: 200px;} 
} 

@keyframes mymove { 
    from {left: 0px;} 
    to {left: 200px;} 
} 

http://jsfiddle.net/sthAngels/3bc30t9k/