jquery - 当 mouseleave() 的当前选择器时中断 mouseenter 动画

Question

http://jsfiddle.net/ZtpEU/41/ 继承人在 jquery 中的一个简单的动画。我正在尝试使其仅在 mouseenter 发生时才执行动画。此外，你会注意到，如果你疯狂地用鼠标进入和离开，元素动画会被记住，这基本上会让它们疯狂地动画。

我正在寻找这个动画，只要鼠标悬停在该特定元素上，它就会执行。如果移动，则动画将重置并为下一个悬停元素设置动画。

对不起，这真的很难说。我会非常注意答案。最后，我正在寻找更多这种 css 过渡效果（这只发生在谷歌浏览器中，或者我会这样做）

Answer 1

你可以使用stop()方法：

$("li").on('mouseenter',function(){
  $(this).animate({"padding-left": "50px"}, "normal");
});
$("li").on('mouseleave',function(){
  $(this).stop(true).animate({"padding-left": "0px"}, "slow");
});

http://jsfiddle.net/ZtpEU/43/