找出jQuery动画的CSS属性

Question

我看到$element.is(':animated')告诉我$ element是否正在动画，但是可以看到哪些css属性正在动画化。

Answer 1

是的，将step函数传递给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>');
  }
});

step函数的两个参数如下：

  

现在：每个步骤动画的属性的数值

     

fx ：对jQuery.fx原型对象的引用，其中包含一个数字   对于动画元素，elem和start等属性，例如end   动画属性的第一个和最后一个值，分别和   prop用于动画的属性。

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