停止触发下一个mouseover事件，直到内部函数完成

Question

我正在实现一个简单的图像交换功能，并在jQuery中淡入淡出。

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

如果我真的很快地移动鼠标，mouseover会持续发射，交换图像的代码不能跟上。如何停止$（'＃thumbs img'）上的mouseover事件，直到内部代码执行？

Answer 1

可以删除事件处理常式，而处理：

$('#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; 
    } 
});