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方法调用的回调？

1 个答案: