javascript - 尝试制作轮播 slider

Question

我正在尝试制作一个简单的旋转木马 slider ，其中包含 3 张幻灯片，其中包含一些内容，现在的问题是当我在最后一张幻灯片上时我无法转到第一张幻灯片，所以如果有人能提供一些内容，我将不胜感激指出我错误的地方。

看看:

http://codepen.io/anon/pen/bNpYLB 在这里输入代码

Answer 1

为每张幻灯片添加一个slide 类。或者，将 slider-content[x] 声明为 id(不要忘记相应地修改 CSS):

<div class="slide" id="slider-content3">

对点列表进行类比操作:

<ul class="slider-dots">
  <li class="dot active-dot">&bull;</li>
  <li class="dot">&bull;</li>
  <li class="dot">&bull;</li>
</ul>

并将您的 javascript 更改为:

 if(nextSlide.length === 0) {
        nextSlide = $('.slide').first();
	nextDot = $('.dot').first();
}
	

查看Codepen如果这是所需的行为。