Question

Jquery怎么理解animate里的回调函数

aul.animate({
'left':-ali.eq(0).width()*_now2
},500,function(){
if(_now == 0){
ali.eq(0).css('position','static');
aul.css('left','0px');
_now2=0;
}
});

aul.animate({
'left':-ali.eq(0).width()*_now2
},500,);
if(_now == 0){
ali.eq(0).css('position','static');
aul.css('left','0px');
_now2=0;
}

这两段代码，if 拿出来写在下面，和在animate里效果完全不一样，该怎么去理解这个回调函数呢？

Answer 1

语法：
animate(css,时间，回调函数)
css是指过度后的样式（动画的最终样式）
时间表示对象从最初到设定的最终css所经过的时间
回调函数指的是之前定义的过程结束后执行的方法

aul.animate({
'left':-ali.eq(0).width()*_now2 //将元素的left改变成计算的结果（表现为元素像左边移动）
},500,function(){//在500毫秒的时间内完成上面的移动
if(_now == 0){//在完成移动后进行判断
ali.eq(0).css('position','static');//修改postion为static
aul.css('left','0px');//将left设置为0 我想应该是最初定义的移动现在设置为0是一个还原的过程
_now2=0;
}
});

Answer 2

params,[speed],[easing],[fn]

params:一组包含作为动画属性和终值的样式属性和及其值的集合

speed:三种预定速度之一的字符串("slow","normal", or
"fast")或表示动画时长的毫秒数值(如：1000)

easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".

fn:在动画完成时执行的函数，每个元素执行一次。