Bir öğe animasyonluysa jQuery ile nasıl öğrenebilirim?

Question

Sayfadaki bazı öğeleri taşımaya çalışıyorum ve animasyon gerçekleştiği sırada, animasyonun tamamlanmasından sonra "taşma: gizli" seçeneğine sahip olmak ve animasyon bittiğinde "otomatik" olarak "taşma" yapmak istiyorum . Ben jQuery biliyorum

bazı eleman animasyonlu olup olmadığını belirleyen bir yarar işlevi vardır ama

Answer 1

if($(elem).is(':animated')) {...} 

diğer bilgiler docs yerde bulamıyorum: http://docs.jquery.com/Selectors/animated

---

Veya:

$(elem) 
    .css('overflow' ,'hidden') 
    .animate({/*options*/}, function(){ 
     // Callback function 
     $(this).css('overflow', 'auto'); 
    }; 

Answer 2

Alternatif olarak "!":

if (!$(element).is(':animated')) {...} 

Answer 3

Eğer css animasyon kullanarak ve spesifik class name kullanarak animasyonu atamak eğer, o zaman bu gibi kontrol edebilirsiniz: bir şey animasyon değilse, sadece bir ekleyebilir, test etmek

if($("#elem").hasClass("your_animation_class_name")) {} 

Ancak animasyon bittikten sonra animasyonu idare eden sınıfı sildiğinizden emin olun! Eğer animasyon unsurlara css uygulamak isterseniz

$("#elem").on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', 
function(){ 
     $(this).removeClass("your_animation_class_name"); 
}); 

Answer 4

, sen :animated sözde seçici kullanmak ve böyle yapabilirsiniz,

: animasyon bittikten sonra

Bu kod class name kaldırmak için kullanılabilir

$("selector").css('overflow','hidden'); 
$("selector:animated").css('overflow','auto'); 

kaynak: https://learn.jquery.com/using-jquery-core/selecting-elements/

Answer 5

$('selector').click(function() { 
    if ($(':animated').length) { 
    return false; 
    } 

    $("html, body").scrollTop(0); 
});