jQuery动画不能用变量运行

时间:2013-12-04 19:38:47

标签: jquery html

我正在练习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[] - &gt;包含9个不同的值来翻译不同位置的每个图像。

$('.mc-item') - &gt;从DOM中获取9张图片

如果我使用&#34; CSS&#34;上面的代码正常工作而不是&#34;动画&#34;。注意,我在chrome浏览器中运行。请指教。

1 个答案:

答案 0 :(得分:0)

根据jQuery API(部分“动画属性和值”),可以设置以下属性:

  

除非如下所述,否则应将所有动画属性设置为单个数值。大多数非数字属性无法使用基本jQuery功能进行动画处理

由于transform不是完全数字(translate()),动画师不知道如何解释它。

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