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 Slider上一个按钮没有按预期工作

1 个答案: