jQuery slider 无法加载第一张图片

Question

加载第一页时，我的 slider 出现问题。当我使用图像下方的“左”或“右”箭头然后返回第一页时，一切正常。不知道我可以在哪里修复它。

http://fiddle.jshell.net/f7770oLf/1/

实际上我不确定是因为 CSS 还是 jQuery..

Answer 1

CSS 按照编码的顺序加载。您正在用 .slide 类覆盖您的 .active-slide ，这会禁用您正在寻找的 display: block; 。为了使一切正常，请移动:

.active-slide 
{
    display: block;
}

下面

.slide 
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}