滑动为束元素的转盘

Question

我有这个HTML：

<div class="partTop">
      <div id="1">1</div>
    <div id="2">2</div>
      <div id="3">3</div>
    <div id="4">4</div>
  </div>

接下来，我从“partTop”中获取所有子div，如下所示：

this.$items = $('.partTop div');

最后，我像这样设置JQuery动画：

 _this.$items.stop().animate({'left': -100 + 'px'}

这是一个问题：如果第一个元素向左偏离屏幕，是否有任何方法强制它出现在屏幕的右边缘并通过这100个像素恢复动画？类似于旋转木马小部件。

我正在试图谷歌并自己解决这个问题一个星期，但似乎我谷歌错了。你可以看到我在这里尝试做什么，包括相当混乱的代码：http://jsbin.com/hucac/2正如你所看到的，如果第一个div离屏幕向左，他就会成为 .partTop 的最后一个孩子。 ，在这里我需要这个旋转木马。

P.S。对不起那些可怕的英国人。

Answer 1

您可以使用jquery找到该元素，然后使用appendTo将其附加到容器元素。为此，您必须确保在动画完成时才移动元素。

以下内容应该可行：

this.$items[0].appendTo($('.partTop'));

但是，当有一千个可以为你做这件事的插件时，为什么要自己做呢？