为什么animationend会在另一个srcElement中触发？

Question

我创建了一个处理css3 animate的函数：

function play( $elm, animateClasss ) {
	$elm.addClass( animateClasss ).one(
		'webkitAnimationEnd animationend',
		function( evt ) {
			if ( evt.target === $elm.get(0) ) {
				// here is the right target elment
			}
			else {
				// here, the evt.target sometimes will be another elment which is like:
				// '<div class="anotherAnimateClasss"></div>'
				// .anotherAnimateClasss not use the `play` function
			}
		}
	);
}

例如，当我使用play($('#a'), 'fadeIn')并使用$('.b').addClass('fadeOut')处理另一个元素时，这两种方式可能会导致$('#a')触发器混乱，有时会触发fadeIn，有时会触发fadeOut。

最后，我想知道的是：我在$ elm上添加了addEvent，但为什么回调有时会在另一个元素中触发？

原谅我的英语不好谢谢！