javascript - 停止触发下一个鼠标悬停事件，直到内部函数完成

Question

我正在使用 jquery 中的淡入淡出功能实现一个简单的图像交换功能。

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

如果我快速移动鼠标，鼠标悬停会持续触发，并且交换图像的代码无法跟上。如何阻止 $('#thumbs img') 上的鼠标悬停事件触发，直到内部代码执行完毕？

Answer 1

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