动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。
停止动画排队的方法为:stop() ;
- stop() 方法用于停止动画或效果。
- stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。
总结: 每次使用动画之前,先调用 stop() ,在调用动画。
动画排队解决方法:
某个元素上如果同时设置了多个动画,则这些动画会按照添加的顺序依次执行
可以简单理解为把所有动画都清除了
添加新的动画之前,可以用stop清除原来的动画(上一个)
$("li").hover(function () {
$(this).children("li").stop().slideToggle();
});