动画完成时的jQuery捕获

Question

我正在使用color plugin（链接到 google 缓存，jquery.com 目前已关闭）来处理背景颜色动画。

$(".navigation a").hover(
    function(){
        $(this).stop().animate({backgroundColor: black});
    },
    function(){
        $(this).stop().animate({backgroundColor: green});
        $(this).hide();
    }
);

动画完成后需要隐藏当前链接。现在它立即隐藏，在mouseout()。

解决办法是什么？

Answer 1

需要将.hide()放入.animate()调用的回调函数中。

$(this).stop().animate(
    {backgroundColor: green},
    function() {
        $(this).hide();
    }
);

Answer 2

通过给.hide() 一个持续时间，它将被添加到动画队列中。

所以你可以这样做：

$(this).stop().animate({backgroundColor: green}).hide( 0 );