jQuery animate（）在Google Chrome和Safari中留下了位置

Question

我正在尝试创建一个简单的动画，其中附加到容器后的元素从左侧滑入，如下所示：

$('#container').append(
$('<div class="item" style="left:-300px;top:0"></div>').animate({ left : 0 }, 300)
);

容器隐藏溢出，宽度为300px。 附加的'item'元素也有300px的宽度，并且在附加时位于容器之外，然后应该滑入直到它达到'left：0'。

它适用于Firefox，但Google Chrome和Safari只是将其显示在容器中，而不会将其滑入。

有什么想法吗？

Answer 1

可能你需要在动画之前添加元素：

$('<div class="item" style="left:-300px;top:0"></div>').appendTo('#container').animate({ left : 0 }, 300)