动画结束前调用的 JQuery 动画回调

Question

我正在使用 SlideDown 动画在新添加的表格行中显示一些 div:

$("div", newRow).slideDown(10000, UpdateHours(response.d.Hours));

但是，在 div 完成动画之前很久就会调用 UpdateHours() 函数。这给我带来了一个问题，因为更新时间会被滑动 div 覆盖。

为了更好地说明问题，我将幻灯片放得很慢。

Answer 1

我认为它试图将调用 UpdateHours(response.d.Hours) 的结果作为回调函数传递，这可以解释为什么这么快就调用它。一种解决方案是创建一个调用 UpdateHours 的匿名函数。

$("div", newRow).slideDown(10000, function () { UpdateHours(response.d.Hours) });

jQuery 站点上有一个以这种方式调用 SlideDown 的演示。 http://docs.jquery.com/Effects/slideDown