在jQuery`animate（）`中设置断点

Question

jsFiddle example

我希望能够在动画中设置断点。有没有办法做到这一点？

Answer 1

动画事件中有一个步骤事件。你可以使用它。

以下是一个例子：

$("myelement").animate({
    "height":"+=500px"
},{
    duration:500,
    step:function(currentHeight){
       //do what ever you want here.
    }
});

Answer 2

你为什么要这样做？但是如果你坚持，那么在这一行放置一个断点怎么样：

$('div').slideUp('slow', function() {

然后一步一步地通过代码单步执行。这将带您进入执行动画的jQuery代码。如果您使用未经编译的jQuery版本，您将能够看到执行实际动画的代码。