jQuery简单菜单翻转(无动画队列)

我有一个简单的无序列表,列表项作为菜单项
我创建了jquery只是为了产生有趣的翻转效果
存在：

$('#nav ul ul li').hover(function(){
$(this).animate({ 
        marginLeft: "20px",},300 );
},function(){
$(this).animate({ 
        marginLeft: "0px",300 );
});

该脚本的问题是,如果您多次浏览菜单,则会建立一个动画队列.
我尝试在两者之间使用.stop(),但随后它还会停止其他列表项中的动画,无论如何这些动画都应返回默认状态.
有没有办法停止()每个项目的队列？但不是整个列表？

最佳答案

我不明白为什么$(this..stop().animate(…)对您不起作用,但是您也可以尝试以下方法：

$(":not(:animated)",this).animate(...)

这只会在当前未设置动画的元素上触发动画