尝试使用Jquery进行动画处理时，Div会更改为错误的位置

Question

我对Javascript和jQuery有点新鲜，我无法正确制作动画。当我将鼠标悬停在某物上时，我试图将<div>向左移动几个像素，但是当你将鼠标悬停在物体上时，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;
}

Answer 1

如果我记得，Animate会使用它的绝对位置。因此，不是将其移动到距离当前位置超过-5个像素的位置，而是将其移动到整个窗口的-5px。

你有没有试过把一个div放在一个位置：相对于突然的Nyjas div？

如果不起作用，只需从当前位置减去5即可获得所需的新目标位置。