旋转木马滑动一堆元素答案

【问题标题】：Carousel sliding for bunch of elements旋转木马滑动一堆元素
【发布时间】：2014-04-15 17:07:57
【问题描述】：

我有这个 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 的最后一个孩子，并且在这里我需要这个旋转木马的东西。

附：对不起那些糟糕的英语家伙。

【问题讨论】：

【解决方案1】：

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

类似于以下内容的东西可能会起作用：

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

但是，既然有一千个插件可以为您做到这一点，为什么还要自己做呢？

【讨论】：