jquery绑定点击事件动画BUG

Posted 2022-10-10 peng793238465

 

 jq中的animate（）方法所实现的动画在绑定事件的同时会产生各种类型的BUG，在事件选择的时候我会尽可能的使用mouseenter和mouseleave来避免

mouseover和mouseout所产生的事件冒泡。如果单独使用个animate的话，在快速移入移出的时候，会重复触发事件，而产生队列

没有被清除，重复执行的bug，这个时候可以使用stop()来清除队列，停止上一步动画。如果遇到一个上下模式的动画类型，是用animate的时候就要注意避免在移动的时候，移出模块而产生反复移入移出的闪烁bug，初步构想，第一个是通过延时器异步来避免短时间内快速移入移出而产生的闪烁bug。