jQuery Hover Toggle Fix

我有一个产品网格,在每个单独的悬停上,将切换一个div与图像/添加到购物车按钮.但是,每当我快速将鼠标悬停在物品上时,它们都会闪烁.

这是一个demo

有没有更好的jQuery方法来切换单个网格项的相应悬停div没有闪存？

解决方法

只需添加$.stop()以防止它排队更多动画：

$(".grid li").hoverIntent(
    function(){
        $(".grid-hover",this).stop().delay(500).fadeIn();
    },function(){
        $(".grid-hover",this).stop().fadeOut();
    }            
);

获得这个完美有点困难,但我相信在这个实例中$.hoverIntent()可能是一个比本机$.hover()更好的工具.