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

Question

我正在使用 jQuery 插件bxSlider。

有两个自定义按钮，prev用于next切换滑动。
但是，在特定情况下，我需要移动到没有动画的幻灯片，我希望它是即时的。

有没有办法做到这一点？

Answer 1

从可用选项中，

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

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

演示

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 }

必需的。