jquery 简单菜单翻转（无动画队列）

Question

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

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

这个脚本的问题是，如果你多次冲过菜单，动画队列就会建立起来。 我尝试在两者之间使用 .stop() ，但随后它也会停止其他列表项的动画，这些动画在任何情况下都应该返回默认状态。 有没有办法停止（）每个项目的队列？但不是整个列表？

Answer 1

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

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

只会在当前没有动画的元素上触发动画