内部関数が終了するまで、次のmouseoverイベントの起動を停止します。

Question

jadeがフェードインする単純なイメージスワッピング機能を実装しています。

$('#thumbs img').mouseover(function(){ 
// code to swap images here 
}); 

マウスをすばやく動かすと、マウスオーバーが発生し続け、イメージをスワップするコードが継続します。 $（ '＃thumbs img'）のmouseoverイベントが、内部コードが実行されるまで、起動するのを止めるにはどうすればよいですか？

Answer 1

あなたは処理しながら、evantハンドラを削除することができます。

$('#thumbs img').mouseover(dostuff); 

function dostuff() 
{ 
    $(this).unbind('mouseover', dostuff); 
    // code to swap images here 
    $(this).mouseover(dostuff); 
} 

（そのような何か - 私は気圧それをテストすることはできません）。あなたがやっていることは、処理中のイベントハンドラを削除し、完了したら再バインドすることです。

Answer 2

$('#thumbs img').mouseover(function(){ 
    if(!moving){ 
    moving = true; 
    // code to swap images here 
    if(complete) // some test to see if image swap has finished 
     moving = false; 
    } 
});