在动画上绑定事件

Question

我有几个元素在单击箭头时会产生动画效果。
现在我希望如果它们被动画化，则调用一个事件。
问题是，它们都以不同的方式进行动画处理，所以我必须
分别在每个元素上触发此事件。

有没有办法做类似$('div:animated').live(...)之类的事情
这会在动画元素上触发一个事件？

Answer 1

$("div").animate({
    "top":20
},1000,function(){
    callback();
});

function callback(){
    //stuff here
}

或者

$("#layer1, #layerMask").animate({
    "top":10
},{
    queue:false,
    duration:1000, 
    easing:"easing method if required", 
    complete:function(){
    callbacks();
    }   
});

function callback(){
    //stuff here
}

最好的方法！
只需在每次为元素设置动画时使用回调即可。

我能想到的唯一其他方法是 setInterval 和检查元素顶部值是否发生变化等，但这会很混乱，不建议这样做。

只需接受打击并使用回调即可。最佳实践。

除非其他人有什么想法。