2016-08-25 62 views
1

我有我的jQuery滑塊 的前一個按鈕,當我點擊下一個按鈕它的工作正常,但前一個按鈕沒有得到以前的元素,我沒有這個問題,我不知道爲什麼 !!這是我的代碼jQuery Slider上一個按鈕不能正常工作

HTML:

<div class="sliderContent"> 

<figure>Img here</figure> 
<h3>Title here!</h3> 

</div> 

<div class="sliderContent"> 

<figure>Img here</figure> 
<h3>Title here!</h3> 

</div> 
<div class="sliderContent"> 

<figure>Img here</figure> 
<h3>Title here!</h3> 

</div> 
<div class="sliderContent"> 

<figure>Img here</figure> 
<h3>Title here!</h3> 

</div> 

<div class="buttons"> 
    <div class="prev"></div> 
    <div class="next"></div>   

的jQuery:

$(function(){ 


sliderInt= 0; 
sliderNext = 1; 

count = $(".sliderContent").length -1 ; 




$(".sliderContent h3").hide().fadeIn(1200); 

$(".sliderContent").eq(sliderInt).fadeIn(500); 





$(".prev").click(function(){ 



    $(".sliderContent").fadeOut(500); 
    $(".sliderContent").eq(sliderNext).fadeIn(500); 


sliderNext = sliderNext -1 ; 

    if(sliderNext < 0) { 

       sliderNext = count ; 

    } 




}); }); 

我刪除一個按鈕的代碼只是爲了檢查,如果問題是從這一

+0

可以撥弄它,請 – Parithiban

+0

比如我有5個格,我想他們滑動..所以數= 5 -1 = 4 ..我這樣做是因爲.eq()從0開始而不是從1開始..當我點擊下一個按鈕滑塊可以正常工作..但是上一個按鈕..它會得到一個不需要的div(或圖像)..這裏是代碼,所以我的錯誤在哪裏?謝謝 .. –

回答

0

修改與此:

問題是你正在消退下一張幻燈片的同時單擊後退按鈕,你應該淡出一張幻燈片

$(".prev").click(function(){ 
    sliderNext = count; 

    $(".sliderContent").fadeOut(500); 
    $(".sliderContent").eq(sliderNext).fadeIn(500); 


    sliderNext = sliderNext -1 ; 


    if(sliderNext <= 0) { 
        sliderNext = count ; 
     } 
});