javascript - 在 jQuery 中启动 .hover 后，如何检查鼠标是否仍在悬停？

Question

我有一些 li 框，当最终用户将光标悬停在它们上时，它们会进行 jQuery 调用:

$('.boxgrid.slidedown').hover(function(){
         $(".cover", this).stop().animate({top:'-150px'},{queue:false,duration:300});
        }, function() {
            $(".cover", this).stop().animate({top:'4px'},{queue:false,duration:300});
        });

现在我想在用户指向光标后等待半秒，这样我就可以停止下滑效果。如果鼠标仍然悬停，则向下滑动将继续，如果不是，则不会发生任何事情。

我尝试使用 settimeout() 但没有任何运气。谢谢。

Answer 1

我想有一个插件可以做到这一点......

http://cherne.net/brian/resources/jquery.hoverIntent.html