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

解决方法:

停止排队 stop()

 

eg:$(function () {

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

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

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

});

})

放到动画前

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

 

放到动画后

停止排队来阻止动画多次触发_其他_02