停止排队来阻止动画多次触发

动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。

解决方法:

停止排队 stop()

 

eg:$(function () {

$('.nav>li').hover(function () {

// stop 方法必须写到动画的前面,因为stop结束的是上一次动画,若写到动画后会造成动画停止

$(this).children('ul').stop().slideToggle(200);

});

})

放到动画前

 

放到动画后

posted @ 2021-07-23 21:07  mmsmd  阅读(33)  评论(0编辑  收藏  举报