Question

我创建了一个带有css和html以及jQuery的滑块。滑块适用于下一个按钮，但不是前一个按钮。

让我们说第一张幻灯片上有五个元素，共有15个元素。所以，如果我点击下一次三次，元素将结束。在第四次点击它应该显示前五个元素（这是正常工作）但是如果我第一次点击上一个按钮它应该显示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**

即使元素结束（如何包装滑块），如何使滑块继续循环？

2 个答案: