bxslider goToPrevSlide

Question

我对bxslider和方法“goToPrevSlide”有点问题..这很奇怪，因为'goToNextSlide‘工作得很好，就像你在这个小提琴上看到的：FIDDLE

如您所见，上一张幻灯片和下一张幻灯片中都有链接。

JQUERY

$(document).ready(function () {
      var slider = $('.slide').bxSlider({
      mode: 'horizontal',
      controls: false,
      pager: false,
      autoControls: false,
      randomStart: false,
      auto: false,
      autoStart: false,
    });

    $('#next').click(function () {
        slider.goToNextSlide();
        return false;
    });

    $('#prev').click(function () {
        slider.goToPrevSlide();
        return false;
    });
})

HTML

<ul class="slide">
    <li>
        <div class="slide1">
            <a id="next" href="#">next</a>
        </div>
     </li>
    <li>
      <div class="slide2">
            <a id="prev" href="#">prev</a>
        </div>  
    </li>
</ul>

CSS

.slide {
    width: 100%;
}
.slide1 {
    background-color: blue;
    height:300px;
}

.slide2 {
    background-color: red;
    height:300px;
}

a {
    color: white;
    font-size: 22px;
} 

有什么想法吗？

Answer 1

http://jsfiddle.net/Priya_1993/5HunP/15/

希望这能解决你的问题

$(document).ready(function () {
      var slider = $('.slide').bxSlider({
      mode: 'fade',
  captions: true
    });

    $('#next').click(function () {
        slider.goToNextSlide();
        return false;
    });

    $('#prev').click(function () {
        slider.goToPrevSlide();
        return false;
    });
})