jQuery滑塊無法加載第一個圖像

Question

我在加載第一個頁面時遇到了滑塊問題。當我使用圖像下的「左」或「右」箭頭，然後返回第一頁時，一切正常。不知道我可以在哪裏修復它。

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

而實際上我不知道這是否是因爲CSS或jQuery的的..

Answer 1

按照編碼的順序加載CSS。您正在使用​​級別覆蓋您的.active-slide級別，該級別禁用您要查找的display: block;。爲了讓所有的工作，移動：

.active-slide 
{ 
    display: block; 
} 

下面

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

Answer 2

您可以通過定義​​爲隱藏後記覆蓋.slide .active-slide知名度財產。這使得第一張幻燈片不可見，因爲沒有jQuery調用使其可見。變化：

.active-slide 
{ 
    display: block; 
} 

.slider 
{ 
    margin-top: 25px; 
    width: 100%; 
    height: 669px; 
} 

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

這樣.active-slide是後​​：

.slider 
{ 
    margin-top: 25px; 
    width: 100%; 
    height: 669px; 
} 

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

.active-slide 
{ 
    display: block; 
} 

Fiddle。