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

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

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