Javascript 尝试使用Jquery设置动画时，Div更改到错误的位置

我对Javascript和jQuery有点陌生，我无法正确地设置动画。我试图让一个

鼠标悬停在某个物体上时只向左移动几个像素，但当你将鼠标悬停在该物体上时，Div会立即移动到屏幕的左侧

下面是jQuery代码：

$(window).ready(function() {
    $(".article").hover(function() {
        $(".suddenlyNinjas").animate({"left": "-5px"}, "slow");
    });
});

下面是我尝试移动的div的CSS：

.suddenlyNinjas
{
    background-color:black;
    height:50px;
    width:125px;
    position:absolute;
    z-index:2;
    top:350px;
}

---

如果我记得的话，动画使用它的绝对位置。因此，它不是将其从当前位置移动到-5像素，而是将其移动到整个窗口的-5倍

你有没有试过在Suddenlynijas div周围放置一个position:relative的div

如果这不起作用，只需从它的当前位置减去5就可以得到你想要的新目标位置