jQuery中hover连续触发动画的bug

来源:互联网 发布:苹果电脑虎牙直播软件 编辑:程序博客网 时间:2024/06/11 21:06

jQuery中hover连续触发动画的bug

在用jQuery实现下拉菜单特效时,经常会鼠标连续触碰对象会导致hover事件反复发生:

 jQuery("#nav li").hover(function(){        $(this).find("ul:first").slideDown("slow");    },function(){        $(this).find("ul:first").slideUp("fast"); });

解决方法:增加filter过滤到正在执行的动画模块即可,修正后的代码如下

jQuery("#nav li").hover(function(){        $(this).find("ul:first").filter(':not(:animated)').slideDown("slow");    },function(){        $(this).find("ul:first").slideUp("fast");});
0 0
原创粉丝点击