アークウェブシステム開発SandBox

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JQuery：アニメーション完了後に関数実行 へ行く。
  • 1 (2007-07-31 (火) 12:02:42)

JQuery：アニメーション完了後に関数実行

マニュアルやリファレンスに書かれていることなんですが^^;
メモとして。

JQueryでfadeIn、fadeOutなどアニメーションするfunctionを利用した場合に、

jQuery("#hoge:visible").fadeOut("normal");
hoge();

というようにすると、実行タイミングなどによってはアニメーションが完了する前にhoge()が実行されてしまうことがあります。これを必ずアニメーション完了後にhoge()を実行させるにはfadeIn、fadeOutなどのアニメーション用functionにコールバック関数を設定します。

 jQuery("#hoge:visible").fadeOut("normal", hoge);

参考：jQuery 開発者向けメモ - リファレンス