jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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()更好的工具.

大佬总结

以上是大佬教程为你收集整理的jQuery Hover Toggle Fix全部内容,希望文章能够帮你解决jQuery Hover Toggle Fix所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。