JQuery:アニメーション完了後に関数実行 http://www.ark-web.jp/sandbox/wiki/220.html

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

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

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

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

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

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

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

投稿者進地 | パーマリンク

| append.gif

tag: JQuery, JavaScript


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2007-07-31 (火) 12:06:23 (6114d)

アークウェブのサービスやソリューションはこちら