jquery - 检查 css3 动画是否完成，例如使用 jquery 变换比例

Question

嘿，我正在研究将 css3 动画应用于图像的 slider 。 现在我想检查 css 动画是否已经完成然后我只想更改 slider 图像。 动画被放在一个叫做 .animations 的类中

    .animationStuff {
        -moz-transform: scale(1.00);
        -webkit-transform: scale(1.00);
        -o-transform: scale(1.00);
        transform: scale(1.00);
        -ms-transform: scale(1.00);
    }

现在单击按钮，我使用 Jquery 将 animationSuff 类添加到图像， 我如何检查图像是否已缩放到正常(我的意思是动画已完成)？ 谢谢

好的，我已经研究了更多并找到了这个答案并且它有效但有一个问题， 警报显示了 2 次，无论如何这是代码

  $(firstBgImage).bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
    alert('hello World');
});

谁能告诉我为什么它在动画结束时显示 alter 2 次，谢谢。

Answer 1

您可以随时删除一些支持，例如 transitioned 等，然后检查问题是否仍然存在。 谢谢。