为什么不是所有图像都显示在此滑块中？

这是我的代码

     $(document).ready(function() { var startSlider = function() { var startSlide = $(".slider li:first"); var nextSlide = $(".active").next("li"); $(".active").removeClass(); if(nextSlide.html() == null) { nextSlide = startSlide; } nextSlide.addClass("active"); setTimeout(startSlider, 1000); }; setTimeout(startSlider, 1000); });   .active{ display:none; }    
 
 
 
 
 
   

当我运行此代码时，只有蓝色和黑色的div一次又一次出现。这可能是什么原因？ 我试图把活跃的课程放在不同的位置，但它没有帮助。我删除了回答中提出的错字，它不在原始代码中，只出现在这里。

Answer 1

您的脚本将从第一个div开始一次将class="active"设置为四个div中的一个。 因为这是active CSS类的定义

具有class="active"的当前div将消失，但其他三个将不会消失，并且它们被放置在完全相同的位置，因此只能看到较暗的颜色，在这种情况下是蓝色和黑色。

我建议使用两个CSS类，如下所示

并更改您的脚本以使一个div具有class="active" ，其余的一次具有class="inactive" ，这意味着将显示active div并且inactive div将消失。

以上是完成上述更改后的完整代码。

这是工作的jsfiddle： http ： //jsfiddle.net/k8qod5g0/