Javascript 找出jQuery正在为哪个CSS属性设置动画

我看到，

$element.is（“：animated”）

告诉我$element是否正在设置动画，但是否可以看到哪些css属性正在设置动画。

是的，将

步骤

函数传递给animate（）调用将允许您通过

fx.prop

找到正在设置动画的属性。以下是jQuery API文档中的一个示例：

$('li').animate({
  opacity: .5,
  height: '50%'
},
{
  step: function(now, fx) {
    var data = fx.elem.id + ' ' + fx.prop + ': ' + now;
    $('body').append('<div>' + data + '</div>');
  }
});

$（'li'）。设置动画({
不透明度：.5，
身高：“50%”
},
{
步骤：函数（现在，fx）{
var data=fx.elem.id+''+fx.prop+'：'+now；
$（'body'）。追加（''+数据+''）；
}
});

步骤

函数的两个参数如下：

现在：在每一步设置动画的属性的数值

fx：对

jQuery.fx

原型对象的引用，其中包含一个数字 对于动画元素的属性，例如

elem

，

start

和

end

动画特性的第一个值和最后一个值，以及 正在设置动画的属性的

prop

请注意，此函数会运行动画的每一个“步骤”，因此它会经常启动。您可以使用它来更新当前动画属性或类似属性的数组