javascript - 如何让我的 slider 继续循环？

Question

我有一个 slider ，它由一个包含 15 个 li 的列表 ul 组成。

我将每个 5 元素显示为一组。在中，如果您单击下一个或上一个按钮，它将缓慢移动到下五个元素，但在第三次单击后(当您第四次单击上一个时)它不会显示任何元素。我知道这是正常的，因为我使用 right: "+=855" 来移动元素，因此在移动 3 次后 15 个元素将结束。

我希望这个循环继续(在第四次点击时我想显示元素 1-5 中的元素)。

此链接将显示我的意思: http://jsfiddle.net/mpx83tpv/1/

我可以添加animate 函数来实现这一点吗？

Answer 1

没有可以做这样的事情的动画，但你总是可以使用 .prepend() 或 .append() 像:

$("ul.slider").animate({
    right: "+=855"
}, 1000, function(){
    $("ul.slider").css('right', '0');
    $('ul.slider li:not(:nth-child(n+6))').appendTo('ul.slider');
});

Fiddle