jquery slide动画引发的bug解决方法

Posted 2020-09-26 大厨的笔记

在hover事件中，如果该案例为图片滑过效果。用户持续，反复，快速地触发鼠标事件，动画则会产生延迟执行的bug。解决该问题，从代码逻辑入手，需完善动画的触发规则。在用户未执行完之前，不允许动画累积即可。解决方案之一：

添加 .filter(‘:not(:animated)‘)

$(this).filter(‘:not(:animated)‘).slideDown(200);