jQueryRotateの終了判定

Question

###実現したいこと
Monacaでスマートフォンアプリを製作しています。
jQueryRotateのアニメーション終了後に処理を追加したいです。
どなたかお力添えいただければ幸いです。

###使用しているライブラリ
jQueryRotate
###該当のソースコード

page.querySelector('#rotate-button').onclick = function() {
            $('#chartContainer').rotate({
                angle: 0,
                animateTo: 0,
                duration: 8000,
                easing: $.easing.easeOutQuart
            });
}

Comments

[kei344]

プラグイン／ライブラリは公式配布サイトのURLを質問文に追記ください。（URLにはリンクを張ることができます）

[sssskkkktttt]

ご指摘ありがとうございます。ライブラリの公式サイトのURLを追記しました。

Answer 1

callbackを指定すればよいのでは？

【jQueryRotate - rotate image in browser by any angle】
http://jqueryrotate.com/#rotate2

callback [Function] - default null

A function to be called when animation finishes.

Example (click on icon on the left):

$("#img").rotate({bind:{
  click: function(){
    $(this).rotate({
      angle: 0,
      animateTo:180,
      callback: function(){   alert(1)  }
      })
    }
  }
});

Comments

[sssskkkktttt]

ありがとうございます。無事解決しました。

Answer 2

rotateに続けて関数を入れてしまえばいいのではないでしょうか？

page.querySelector('#rotate-button').onclick = function() {
            $('#chartContainer').rotate({
                angle: 0,
                animateTo: 0,
                duration: 8000,
                easing: $.easing.easeOutQuart
            });

            function tuikaSyori() {
            ...やりたいこと
            }