jQuery - CSS Animasyon End

Question

nasıl jQuery bir element için CSS animasyon sona erdiğinde belirlemek için kullanacağı ve daha sonra bu öğeye yeni bir stil uygulamak üzerinde Stil Uygula? Aşağıda işlevsiz kodum var.

Answer 1

ne arıyorsun .bind() yöntemidir aslında düşünüyorum:

$("#icon").addClass('thisClassWillApplyMyCSSAnimation').bind('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e){ 
    //DO WHATEV 
    $('#icon').css('opacity', '1'); 
}); 

Answer 2

Ne demek istediğimi anlıyorsam, bir css özelliğini canlandırmak ve animasyon sona erdiğinde yürütmek için bir geri arama tanımlamak istiyorsunuz. .animate() işlevini kullanmalısınız.

ör

$('#clickme').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    }, 5000, function() { 
    // Animation complete. 
    }); 
}); 

Aşağıdaki komut 0.25 mevcut değerden opaklık animasyon. Bu 5000 milisaniye sürecek. Animasyon tamamlandıktan sonra son işlev çağrılır. İşte

bu konuda JQuery sayfa

:

JQuery harika :)

Answer 3

(hepsi değilse de) animasyonlar aktivite tamamlandıktan sonra bir geri arama tanımlamak çoğu.

$("#MyDiv").slideDown("[speed]", function() 
{ 
    $("#icon").css("opacity", "1"); 
}); 

// [speed] = "slow", "normal", "fast" or a integer value defining milliseconds 

Bunu test etmedim ama çalışması gerekir: Eğer slideDown() #MyDiv nesnesine istiyoruz ve bu tam bir zamanlar, #icon saydamlığını değiştirmek varsayarak Örneğin

. ..

Answer 4

kullanabilirsiniz one()

$("#icon").one('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) { 
    //Your css 
    $('#icon').css('opacity', '1'); 
});