2014/01/25

[jQuery]css3のアニメーション終了通知

jQueryからCSS3にアニメーションの終了を受け取るにはどうすればいいのだろうか?

jQueryでCSS3アニメーションの終了のタイミングを取得する方法では以下のように紹介されていた。

$("#ID").bind("oTransitionEnd mozTransitionEnd webkitTransitionEnd transitionend",function(){
console.log('animated!');
});

via:jQueryでCSS3アニメーションの終了のタイミングを取得する方法
確かにこれで動いたんだけど、chromeで実行した場合、2回呼ばれてしまった。

おそらく、
$("#ID").on("oTransitionEnd mozTransitionEnd webkitTransitionEnd",function(){
 console.log('animated!');
});
としたら一回だけ呼ばれました。

0 コメント:

コメントを投稿