Scoprire quale proprietà CSS viene animata da jQuery

Question

Vedo che $element.is(':animated') mi dice se l'elemento $ viene animato ma è possibile vedere quali proprietà css vengono animate.

Answer 1

Sì, passare una funzione step alla chiamata animate() consentirebbe di scoprire quale proprietà viene animata tramite fx.prop. Ecco un esempio dalla documentazione 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>'); 
    } 
}); 

I due argomenti della funzione step sono i seguenti:

ora: il valore numerico della proprietà di essere animato ad ogni passo

fx: un riferimento all'oggetto jQuery.fx prototipo, che contiene una serie di proprietà quali elem per l'elemento animato, start e end per per il primo e l'ultimo valore della proprietà animata, rispettivamente, e prop per la proprietà animata.

Si noti che questa funzione esegue ogni "passo" dell'animazione, pertanto verrà attivata molto spesso. Potresti usarlo per aggiornare un array di proprietà attualmente in animazione o simili.