jquery - 在第二个动画 CSS 后隐藏 div

Question

我的代码有点问题。我试图让我的文本在第二个动画之后消失，这是“div.textoe”(页面上的输入文本)中的第一个动画，第二个动画在“div.textoee”中。我想做的是在第二个动画之后清除页面的文本，但它并没有发生在我的代码中，我做错了什么？

$(".textoe").on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ 
    $('.textoe').addClass('textoee'); 
    $('.textoee').removeClass('textoe'); 
}); 
$(".textoee").on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){ 
    alert('Hide text');
});

http://jsfiddle.net/w55dN/1/

Answer 1

您需要使用事件委托(delegate)，因为您要在绑定(bind)中定位的类是动态添加的:

$(document).on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', '.textoee' ,function(){ 
    alert('Hide text');
});