jquery滑块不会继续后，我到了最后一个

Question

我相信我缺少一些简单的东西，只需要一双新的眼睛。我遇到的问题是，一旦我到达最后一个，继续回到第一个“幻灯片”类，它应该回到第一个元素，但不是。我只是需要新鲜的眼睛在这一个我无法弄清楚什么问题是提前感谢任何帮助。 这里是我创建的功能，我不想发布所有的HTML，所以我想添加一个codepen链接。

$('.arrow-next').click(function() { 
    var currentSlide = $('.active-slide'); 
    var nextSlide = currentSlide.next(); 
    var currentDot = $('.active-dot'); 
    var nextDot = currentDot.next(); 

    if(nextSlide.length === 0) { 
    nextSlide = $('.slide').first(); 
    nextDot = $('.dot').first(); 
    } 
    currentSlide.fadeOut(600).removeClass('active-slide'); 
    nextSlide.fadeIn(600).addClass('active-slide'); 
    currentDot.removeClass('active-dot'); 
    nextDot.addClass('active-dot'); 
}); 

这里是我的codepen链接： http://codepen.io/cavascript/pen/GoQdoJ

Answer 1

您还有最后一张幻灯片后，其他元素。只需过滤nextSlide与类slide。同样的nextDot

var nextSlide = currentSlide.next('.slide'); 
var nextDot = currentDot.next('.dot');