jQuery フェードイン完了を待つ

基本的なところかもしれませんが。
画像をクリックするとsrcが変わるスクリプトで

$("#element").click(function(){
	$(this).hide().attr("test.jpg").fadeIn();
});

とした場合の話ですが、
フェードイン完了前にクリックするとなにやらおかしなことになります。

loading=false;
$("#element").click(function(){

if(loading==false){
 loading=true;
 $(this).hide().attr("test.jpg").fadeIn("2000",complete);
}
});

function complete(){
 loading=false;
}

以上のようにして、fadeInのコールバックをつかってフェードインが終わるのを待つ事にすればいいと
気付きましたのでメモします。

Tags: ,
カテゴリ:Effect, jQuery | Comments Closed

関連記事