javascript - jquery slider 在我到达最后一个后不会继续

Question

我确定我错过了一些简单的东西，只需要一双新眼睛。我遇到的问题是，一旦我到达最后一个，就继续回到带有“幻灯片”类的第一个 div。它应该回到第一个元素，但事实并非如此。我只需要重新审视这个我无法弄清楚问题是什么提前感谢您的帮助。 这是我创建的函数，我不想发布所有 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');
 });

这是我的代码笔链接: http://codepen.io/cavascript/pen/GoQdoJ

Answer 1

看起来您在最后一张幻灯片之后还有其他元素。只需使用 slide 类过滤 nextSlide。 nextDot

也一样

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