允许的鼠标悬停 + 鼠标需要结束的时间之间的 jQuery 延迟答案

【问题标题】：jQuery delay between allowed mouseover + time mouse needs to be over for允许的鼠标悬停 + 鼠标需要结束的时间之间的 jQuery 延迟
【发布时间】：2011-03-12 20:28:45
【问题描述】：

我希望能够阻止人们将鼠标放在对象上以阻止它淡入淡出。目前，如果您通过它发送垃圾邮件，它只会建立一个待办事项的积压日志。我希望能够阻止它被延迟发送垃圾邮件（这样你就可以悬停并关闭，但它不会重新悬停和关闭让我们说 3 秒）然后我还想设置鼠标需要在对象上停留多长时间在它运行函数之前

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

【问题讨论】：

标签： jquery timer hover spam

【解决方案1】：

这很常见，你最好使用这个很小的 (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

【讨论】：

【解决方案2】：

您可以使用HoverIntent 插件。快速简单！

【讨论】：