在hover事件中,如果该案例为图片滑过效果。用户持续,反复,快速地触发鼠标事件,动画则会产生延迟执行的bug。解决该问题,从代码逻辑入手,需完善动画的触发规则。在用户未执行完之前,不允许动画累积即可。解决方案之一:
添加 .filter(‘:not(:animated)‘)
$(this).filter(‘:not(:animated)‘).slideDown(200);
时间: 2024-10-15 04:20:36
在hover事件中,如果该案例为图片滑过效果。用户持续,反复,快速地触发鼠标事件,动画则会产生延迟执行的bug。解决该问题,从代码逻辑入手,需完善动画的触发规则。在用户未执行完之前,不允许动画累积即可。解决方案之一:
添加 .filter(‘:not(:animated)‘)
$(this).filter(‘:not(:animated)‘).slideDown(200);