jquery - 停止动画 Jquery

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

演示

这将取消绑定悬停事件

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

希望这可以帮助