允許的鼠標懸停和時間鼠標之間的jQuery延遲需要結束

Question

我希望能夠阻止人們通過鼠標在對象上發送垃圾郵件來阻止其淡入淡出。目前，如果您通過垃圾郵件發送垃圾郵件，它只會建立事件的回溯日誌。我希望能夠阻止它通過拖延得到垃圾郵件（這樣你可以懸停和關閉，但它不會重新關閉，讓我說3秒），然後我也想設置鼠標需要在對象上多久之前，它將運行功能

$(document).ready(function() { 
    $(".image").hover(
     function() { 
      $(this).find("span").fadeIn("slow"); 
     }, 
     function() { 
      $(this).find("span").fadeOut("slow"); 
     } 
    ); 
}); 

Answer 1

可以使用HoverIntent插件。快速和容易！

Answer 2

這是很常見的，你是最好的辦法就是用這個小（1.4 KB）插上：

jQuery Hover Intent

它解決了這個問題，你可以指定多長時間。包含插件後，您只需將.hover()更改爲hoverIntent()即可。

當然還有其他的解決方案，如使用.stop()方法，像這樣：

$(".image").hover(
     function() { 
      $(this).stop().find("span").fadeIn("slow"); 
     }, 
     function() { 
      $(this).stop().find("span").fadeOut("slow"); 
     } 
); 

如果您想了解更多關於它的閱讀這篇文章：http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup