我正在练习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浏览器中运行。请指教。
答案 0 :(得分:0)
根据jQuery API(部分“动画属性和值”),可以设置以下属性:
除非如下所述,否则应将所有动画属性设置为单个数值。大多数非数字属性无法使用基本jQuery功能进行动画处理
由于transform
不是完全数字(translate()
),动画师不知道如何解释它。
除非有插件我不知道你必须自己使用setTimeout
和多个.css
- 动作或使用CSS3动画来实现动画。