jQuery动画不使用变量

Question

我在练习jQuery。我在我的脚本中的代码中使用了下面的代码，无法正常工作。这段代码从DOM中提取这9幅图像，并根据数组arr_trans中定义的值翻译图像，并且应该是并行动画，所以我使用了queue:false。

for ( var i=0; i < $('.mc-item').length;i++) {

$('.mc-item').eq(i).animate({"-webkit-transform":"translate("+ arr_trans[i]+"px"+")"},{duration:100, queue:false});

}

arr_trans[]

$('.mc-item') ->从DOM获取9幅图像

如果我使用的是"CSS“而不是”动画“，那么上面的代码是可以工作的。注意，我运行的是铬浏览器。请给我建议。

Answer 1

根据jQuery API (部分“动画属性和值”)，以下属性可以动画化：

所有动画属性都应该动画为单个数值，除非如下所述；大多数非数字属性不能使用基本的jQuery功能进行动画。

因为transform不是完全数字的(translate())，动画师不知道如何解释它。

除非有一个插件，我不知道，你必须自己实现动画使用setTimeout和多.css-actions或使用CSS3 3动画。