Javascript CSS转换未启动

我已经为CSS关键帧动画创建了一个非常基本的测试，包括“ontransitionend”的事件监听器，但是这个“TransitionEnd”监听器不会启动，不管我使用什么变体。（我的完整代码包含所有供应商前缀）

HTML

JAVASCRIPT

$("#block").one('webkitTransitionEnd msTransitionEnd transitionend', function(e) {
        alert("block has finished moving");
});

$("#block").addClass("tweetanimation");

由于某种原因，我不能让它工作！我错过了什么？

---

问题在于，您根本没有使用

transition

属性，而是使用关键帧动画。您需要

animationend

：

$("#block").one('webkitAnimationEnd msAnimationEnd animationend', function(e) {
    alert("block has finished moving");
});
$("#block").addClass("tweetanimation");

---

啊！我一定是盯着我的代码看太久了！谢谢你指出这一点。

$("#block").one('webkitTransitionEnd msTransitionEnd transitionend', function(e) {
        alert("block has finished moving");
});

$("#block").addClass("tweetanimation");

$("#block").one('webkitAnimationEnd msAnimationEnd animationend', function(e) {
    alert("block has finished moving");
});
$("#block").addClass("tweetanimation");