articles

2009 年 10 月 6 日

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

CATEGORYEffectjQuery   TAG 8:14 PM

基本的なところかもしれませんが。
画像をクリックすると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のコールバックをつかってフェードインが終わるのを待つ事にすればいいと
気付きましたのでメモします。