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

时间:2011-03-12 20:28:46

标签: jquery timer hover spam

我希望能够阻止人们在对象上发送垃圾邮件以阻止其淡入淡出。目前,如果您通过它发送垃圾邮件,它只会构建一个事件的后台日志。我希望能够阻止它被延迟发送垃圾邮件(这样你可以悬停和关闭,但它不会重新启动和关闭让我们说3秒)然后我还想设置鼠标需要多长时间在对象上在它运行函数之前

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:-1)

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