Question

当您将鼠标悬停在每个项目上时，我会显示一个侧边菜单并消失。但是当我点击某个项目时，我希望动画停止。

这是鼠标悬停时的动画

$('#navigation > li').hover(
    function() {
        $('a',$(this)).stop().animate({'marginLeft':'-7px'},200);
    },
    function () {
        $('a',$(this)).stop().animate({'marginLeft':'-150px'},200);
    }
);

这是点击单个项目时的动画

$("#navigation > li").click(function(){
       $('a',$(this)).stop();
});

Answer 1

试试吧

$("#navigation > li").click(function(){
   $(this).children('a').stop();
});

Answer 2

<强> DEMO

这将取消绑定悬停事件

$("#navigation > li").click(function()
 {
  $(this).unbind('mouseenter mouseleave');
 });
});

希望这有帮助

停止动画Jquery

2 个答案: