是否有 Next 方法调用的回调？

Question

我可以使用这样的按钮在滑块中显示下一张幻灯片：

$('#mybutton').click(function() {
    $('#myslider').flexslider('next');
});

我的问题是：有没有办法让我在滑块滑动完成后执行代码？调用 .flexslider('next', function() { alert('animation finished'); }) 似乎最自然，但似乎不受支持

Answer 1

您可以在初始化期间使用插件提供的 after 选项。

after: function(){},//Callback: function(slider) - Fires after each slider animation completes

From the docs

Here's the DEMO

更新

要获得 currentSlide 和 currentDirection，您只需将 slider 作为 parameter 传递给您的 after function，您就可以访问它的 currentSlide 和 direction 属性并完成您的逻辑。以下是更新后的 function

after:function(slider){
      $(".result").append("Current Slide - "+(parseInt(slider.currentSlide)+1)+", Current Direction - "+slider.direction);
      $(".result").append("<br/>");
}

Here's the Updated DEMO

是否有 Next 方法调用的回调？

Is there a callback for the Next method call?

jquery

flexslider