如何在没有BxSlider动画的情况下移动到下一张幻灯片？

Question

我使用的是jQuery插件bxSlider。

有两个自定义按钮，prev和next可以切换滑动 但是，有一种特殊的情况我需要移动到没有动画的幻灯片，我希望它是即时的。

有没有办法实现这个目标？

Answer 1

来自available options，

将选项speed设置为0，您将无法获得任何动画。

$('.bxslider').bxSlider({
  mode: 'fade',
  speed: 0,
  captions: true
});

DEMO

Answer 2

jQuery的：

$('#slider').bxSlider({...});

$('.pager-item').on('click', function(){
  // bx-slider instant slide hack

  $('#slider').addClass('instant-slide');
  setTimeout(function(){
    $('#slider').removeClass('instant-slide');
  }, 100);

});

SCSS：

#slider {
 &.instant-slide {
   -webkit-transition: 0.001s ease !important;
   transition: 0.001s ease !important;
 }
}

这对我有用，可以适用于goToSlide（）

{ useCSS: true }

必需的。