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

亲切的问候，

的Mathias。

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

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

垂直JavaScript轮播

1 个答案: