javascript - div 完成动画后的事件？

Question

如何让函数在某个元素完成动画后运行？这是一个像动画一样的向下滑动，元素是隐藏的，当点击某些东西时，它会通过向下滑动它的内容(+高度)而变得可见。

我无法控制那个元素的动画函数，所以我不能使用 $.animate 函数的回调选项...

现在我有类似的东西

$('.trigger').click(function(){  // <-- "trigger" will make the element animate 
  setTimeout(myfunction, 500);
});

哪个有用，但我不喜欢，感觉很老套

Answer 1

如果您使用的是 jQuery 1.5+，则可以使用 jQuery promise() 方法:http://jsfiddle.net/rGBk7/

例如

/* do animation */
$("div").animate({ 'marginLeft' : '300px' }, 1000);

/* attach a promise to animated element/s */    
$("div").promise().done(function() {
    alert("animation end");
});

参见 http://api.jquery.com/promise/