对于过渡，您可以使用以下内容通过 jQuery 检测过渡的结束：

$("#someSelector").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){ ... });

Mozilla 有一个很好的参考：

https://developer.mozilla.org/en-
US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions#Detecting_the_start_and_completion_of_a_transition

对于动画，它非常相似：

$("#someSelector").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){ ... });

请注意，您可以同时将所有浏览器前缀事件字符串传递给 bind() 方法，以支持在所有支持它的浏览器上触发事件。

更新：

根据 Duck 留下的评论：您使用 jQuery 的.one()方法来确保处理程序只触发一次。例如：

$("#someSelector").one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){ ... });

$("#someSelector").one("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){ ... });

更新 2：

jQuerybind()方法已被弃用，on()从jQuery 1.7.bind()

您还可以off()在回调函数上使用方法来确保它只会被触发一次。这是一个等效于 usingone()方法的示例：

$("#someSelector")
.on("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd",
 function(e){
    // do something here
    $(this).off(e);
 });

参考：

• .off()

• .one()