启动后更改 flexslider 动画样式

Question

我试图在启动后将动画样式从“淡入淡出”更改为“滑动”，但都失败了。调试显示属性值已更改，但视觉动画未更改。我已尝试使用取自 https://github.com/woothemes/FlexSlider/issues/334

的以下代码

slider.setOpts = function(opts) {
  for (var opt in opts) {
    slider.vars[opt] = opts[opt];
  }
  slider.setup();
}

slider.getOpts = function() {
  return slider.vars;
}

然后

$(myslider).data('flexslider').setOpts({animation: 'swing', easing: 'swing', fade: false });

有人可以帮忙吗？

谢谢

Answer 1

尝试使用after 事件并停止/重新启动滑块：

    $('.sliderDiv').flexslider({
        after: function (slider) {          
            slider.stop();
            slider.vars.animation = 'swing';
            slider.vars.fade = false;
            slider.play();
        }
    });

我使用 start 事件在第一次加载后更改动画速度。也许它也适用于更改动画类型，但我没有尝试过。