javascript - 停止触发下一个mouseover事件，直到内部功能完成

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

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

如果我真的快速移动鼠标，鼠标悬停会一直触发，并且交换图像的代码也无法跟上。如何停止触发$（'＃thumbs img'）上的mouseover事件，直到内部代码执行完毕？

最佳答案

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

关于javascript - 停止触发下一个mouseover事件，直到内部功能完成，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6676320/