Question

我在jquery中使用bxslider插件。我将控件设置为false，然后设置新图像以转到下一张幻灯片和上一张幻灯片。

<a href="#" id="slider-previous"><img src='rightButton.jpg class="horSlideNext" /></a>
<a href="#" id="slider-next"><img src='leftButton.jpg' class="horSlidePrev" /></a>

var slider = $('.bxslider').bxSlider({
  mode: 'horizontal',
  controls:false
});

我使用goToNextSlid和goToPreviousSlide公共方法

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

但这种公共方法无效

Answer 1

尝试使用它：

$(document).ready(function () {
    var slider = $('.bxslider').bxSlider({
        mode: 'fade'
    });

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

工作小提琴 - http://jsfiddle.net/aau9pyw9/

goToNextSlid和goToPreviousSlide公共方法在bxslider插件中不起作用

1 个答案: