我有一个简单的无序列表,列表项作为菜单项
我创建了jquery只是为了产生有趣的翻转效果
存在:
$('#nav ul ul li').hover(function(){
$(this).animate({
marginLeft: "20px",},300 );
},function(){
$(this).animate({
marginLeft: "0px",300 );
});
该脚本的问题是,如果您多次浏览菜单,则会建立一个动画队列.
我尝试在两者之间使用.stop(),但随后它还会停止其他列表项中的动画,无论如何这些动画都应返回默认状态.
有没有办法停止()每个项目的队列?但不是整个列表?
最佳答案
我不明白为什么$(this..stop().animate(…)对您不起作用,但是您也可以尝试以下方法:
原文链接:https://www.f2er.com/jquery/530907.html$(":not(:animated)",this).animate(...)
这只会在当前未设置动画的元素上触发动画