flexslider - 使用淡入淡出 flexslider iPad 未触发事件后

Question

我正在使用 flexslider after event 来触发另一个功能，但是 flexslider 中的 after 事件不能与 iPad 上的淡入淡出结合使用。使用幻灯片作为动画解决了这个问题，但我需要淡入淡出而不是幻灯片。

$('.flexslider').flexslider({
      slideshow: true,
    animation: "fade",
    animationSpeed: 1000,
    slideshowSpeed: 5000,
    directionNav: false,
    controlNav: false,
    start: function(){animation()},
    after: function(){animation()},
    before: function(){}
  });

Answer 1

我有一个类似的问题，我需要在 after 回调中执行一个函数，它没有在 ipad 上触发。

我做了一个快速的解决方法，我使用了 before 方法，它对我没有任何缺点，因为我只需要更新一个外部幻灯片计数器。

我查看了 flexslider 2.1代码，我认为 520-521 或 527-530 行在这里引起了问题：

520-521

slider.slides.eq(slider.currentSlide).fadeOut(vars.animationSpeed, vars.easing);
slider.slides.eq(target).fadeIn(vars.animationSpeed, vars.easing, slider.wrapup);

527-530

slider.slides.eq(slider.currentSlide).bind("webkitTransitionEnd transitionend", function() {
      // API: after() animation Callback
      vars.after(slider);
});

如果你愿意，你可以调试它，我希望你会发现它有用。