BxSlider-单击幻灯片进行下一步

Question

我不想使用prev / next控件，而是将幻灯片本身转换为下一个按钮。非常简单的功能，但我似乎无法弄明白。

这就是我所拥有的：

$(document).ready(function() {
  $('.bxslider').bxSlider({
    adaptiveHeight: true,
    easing: 'cubic-bezier(0.600, 0.060, 0.500, 1)'
  });
  $('.bxslider').click(function() {
    slider.goToNextSlide();
    return false;
  });
});

Answer 1

首先，像这样创建一个滑块实例

var slider = $('.bxslider')....然后将onClick附加到相同的输入。

这样的事情应该有效。

var slider = $('.bxslider').bxSlider({
    adaptiveHeight: true,
    easing: 'cubic-bezier(0.600, 0.060, 0.500, 1)'
}).on('click', function(){
    slider.goToNextSlide();
});