jquery - jqueryを使用してスケールを変換するなど、css3アニメーションが完了しているかどうかを確認します

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クラスを画像に追加します。画像が通常にスケーリングされているかどうかを確認するにはどうすればよいですか(アニメーションが終了したことを意味します) ありがとう

わかりました、さらに調査したところ、この回答が見つかりました。動作しますが、問題が 1 つあります。アラートが 2 回表示されます。とにかく、コードは次のとおりです。

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

アニメーションの終了時に 2 回変更が表示される理由を教えてください。