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

Question

嘿，我正在研究一个将 css3 动画应用于图像的滑块。现在我想检查 css 动画是否已经完成，然后我只想更改滑块图像。动画被放在一个名为 .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');
});

有人可以告诉我为什么动画结束时它会显示 2 次，谢谢。

Answer 1

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