Averiguar qué propiedad CSS está siendo animado por jQuery

Question

veo que me dice si $element.is(':animated') $ elemento está siendo animado pero ¿es posible ver qué propiedades CSS se está animando.

Answer 1

Sí, pasar una función step a la llamada animate() le permitiría averiguar qué propiedad está siendo animada a través del fx.prop. Este es un ejemplo de los documentos de la API jQuery:

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

Los dos argumentos de la función step son como sigue:

ahora: el valor numérico de la propiedad que se está animada en cada paso

fx: una referencia al objeto jQuery.fx prototipo, que contiene un número de propiedades tales como elem para el elemento animado, start y end para el primer y último valor de la propiedad animada, respectivamente, y prop para la propiedad que se está animando.

Tenga en cuenta que esta función ejecuta cada "paso" de la animación, por lo que se disparará con bastante frecuencia. Podrías usarlo para actualizar una matriz de propiedades de animación actual o similar.