如何使滑块在元素结束时继续循环(如何包裹滑块)

Question

我用css、html和jQuery创建了一个滑块。该滑块与下一个按钮配合得很好，但与上一个按钮不配合。

让我们假设我在第一张幻灯片上有五个元素，总共有15个元素。所以如果我点击next三次，元素就会结束。在第四次点击时，它应该显示前五个元素（这很好），但如果我第一次点击上一个按钮，它应该会显示11-15的最后五个元素，但它没有这样做。它仍然在向我展示6-10中的下一个五元素。

这个链接将解释我想说的：

http://jsfiddle.net/mpx83tpv/10/

Answer 1

因为previous按钮中的逻辑与next按钮相同，您希望它的工作方式有何不同？

我把你以前的功能改成了这个，现在可以工作了，

$(".prev_button").click(function(){
    $("ul.slider").animate({
        left: "+=855"
    }, 3000, function(){
        $("ul.slider").css('left', '0');
        $('ul.slider li:gt(12)').prependTo('ul.slider'); // << line changed
    });
});

您可以在此处进行测试：http://jsfiddle.net/mpx83tpv/11/

Answer 2

希望这可以使用完全可以检查和审查它

 **http://jsfiddle.net/0x8c7ocy**