垂直 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');

立即将第一个元素移动到末尾并缓慢显示它。这意味着您让第二个元素消失，而第一个元素出现在最后。所以这个列表一直隐藏着一个。