jQuery .prepend在我的动画循环中表现得很奇怪

Question

如果您查看我的工作示例的以下链接：

http://jsfiddle.net/xavi3r/Cd8cV/

你可以看到，当调用prepend()时，动画中的定位会丢失，而放置元素的顺序似乎会失真; （检查HTML以查看输出）;

$('#container .animateMe').prepend($('#container .animateMe .copy ').clone().removeClass('copy').removeClass('active'));

Answer 1

我有一个解决方案，但它无法解决前置问题。如果在动画仍然发生时单击任何按钮，则方块将偏移。

这是一个编辑，当动画发生时，点击事件将被解除绑定到左右按钮。这会停止同时运行的另一个动画，并且方块不会偏移。该事件在动画回调结束时被重新绑定。

检查出来：

http://jsfiddle.net/SxFPc/

我已经将你的左右点击方法合并到一个处理程序中，因为除了位置偏移之外，它们做了同样的事情。