jQuery 滑块上一个按钮无法按预期工作

Question

我的 jQuery 滑块的上一个按钮有这个问题当我点击下一个按钮时它工作正常但是上一个按钮没有得到前一个元素而且我不知道为什么！这是我的代码

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 ;

    }




});  });

我删除了下一个按钮的代码只是为了检查问题是否来自这个

Answer 1

修改为：

问题是您在单击上一张按钮时淡出下一张幻灯片，您应该淡出上一张幻灯片

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

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


    sliderNext = sliderNext -1 ;


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

jQuery 滑块上一个按钮无法按预期工作

jQuery Slider previous button doesn't work as expected

html

jquery

slider