Jquery - 在CSS动画结束时应用样式

Question

我如何使用jQuery来确定元素的CSS动画何时结束,然后将新样式应用于该元素？这是我下面的非功能代码.

$("#icon").jQuery.Event("webkitAnimationEnd", function(event){
    ('#icon').css('opacity', '1');
}); 

Answer 1

我认为你真正想要的是.bind()方法:

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