javascript - jQuery:为什么我的动画 p "jump"？

Question

我正在 jQuery 中制作一个简单的动画，当您将鼠标悬停在 a 上时，p 元素会滑入其下方的位置(position:absolute；)但是当您将鼠标悬停在 a 上时，p 会跳转到某个位置然后进行动画处理，它是太奇怪了!

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });
;

有什么想法可能会发生这种情况吗？

View it here.

Answer 1

只需写“0%”而不是 0。

$(".wrap a").hover(function() {
    $(".wrap p").animate({left: '0%'},{duration:500});
            }, function(){        
                $(".wrap p").animate({left: '100%'}, {duration:500});
    });