事件发生后等待 x 毫秒，重新检查并触发

Question

我目前有一个jQuery.event 监听器，一旦触发它就会显示一个隐藏的元素（基本上是翻转）。

但是，有没有办法让 jQuery 等待几毫秒，重新检查以确保鼠标仍在元素上方，然后触发 .show() 事件（如果是）？

我目前有：

$("#who-mousearea").mouseenter(function(){  
    $("a#who-edit").fadeIn();  
}).mouseleave(function(){  
    $("a#who-edit").fadeOut();  
});

我知道我可以使用 setTimeout，但这只会延迟 fadeIn() 元素所需的时间。

有人知道如何实现这一目标吗？

Answer 1

var timeout = null;

$("#who-mousearea").mouseenter(function(){
  timeout = setTimeout(function() {
    timeout = null;
    $("a#who-edit").fadeIn();
  }, 50);
}).mouseleave(function(){
  if (timeout == null) {
    $("a#who-edit").fadeOut();
  }
  else {
    clearTimeout(timeout);
  }
});

Answer 2

清除鼠标离开超时。