jQuery tarafından hangi CSS özelliğinin animasyonu sağlandığını bulma

Question

$element.is(':animated') öğesinin, $ element animasyonlu olup olmadığını, ancak hangi css özelliklerinin animasyonlu olduğunu görmek mümkün olduğunu söyler.

Answer 1

Evet, animate() çağrısına bir step işlevini iletmek, fx.prop aracılığıyla hangi özelliğin animasyon yapıldığını bulmanızı sağlar. Burada jQuery API dokümanlar ile ilgili bir örnektir: hemen

: özelliğinin sayısal değer, her adımda

de hareketli olan, aşağıdaki gibi

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

step işlevi iki bağımsız

olan

fX: jQuery.fx prototip nesnesine bir referans, bugibi özelliklerin bir dizi içerir Animasyonlu öğe için 210, için start ve end, sırasıyla animasyonlu özelliğin ilk ve son değeri ve animasyonlu özellik için prop.

Bu işlevin, animasyonun her "adımını" çalıştırdığını unutmayın, bu nedenle çok sık yanacaktır. Şu anda animasyonlu özelliklerin veya benzerlerinin bir dizisini güncellemek için kullanabilirsiniz.