javascript - 垂直 JavaScript 轮播

Question

我正在尝试编写一个简单的垂直 JavaScript 轮播，它将旋转几个元素。它工作得很好，但我很难弄清楚如何保持元素的数量。正如您在这个 JSFiddle 中看到的那样，http://jsfiddle.net/xznfQ/2/，第一个被“排队”离开并在一轮后重新出现。谁能告诉我我做错了什么？

我猜这两行有问题：

$(e).eq(1).slideUp('slow'); // Slide next element up over the previous $(e).eq(0).appendTo(a).show('slow'); // Place the current element at the bottom

亲切的问候，

马蒂亚斯。

Answer 1

您想隐藏第一个元素 e(0) ，然后才将其移动到最后！你要：

    $(e).eq(0).slideUp('slow', function () {
        $(e).eq(0).appendTo(a).show('slow');
    });

你的代码：

$(e).eq(1).slideUp('slow');

慢慢隐藏元素并立即返回。然后：

$(e).eq(0).appendTo(a).show('slow');

立即将第一个元素移动到末尾并缓慢显示它。这意味着您的第二个元素消失了，而第一个元素出现在最后。因此，该列表始终隐藏着一个。