javascript - FlexSlider 事件后未触发(或正确形成)

Question

我正在使用 Flexslider 来制作一系列滚动幻灯片的动画。它已经安装并且工作得很好。我现在想做的是利用“after:”回调来淡入幻灯片中的标题。就运行顺序而言，它看起来像这样:

1. 幻灯片(包含背景图像)淡入。
2. 暂停(1 秒)。
3. 标题淡入。

我正在将以下函数与“after:”事件一起使用，您是否知道它不起作用？标题已设置为显示:无；但从未显示(是的，我的时机很好)。

after: function(){$('.headline').fadeIn(500);},

HTML:

<li>
    <div class="slide">
            <div class="headline">Headline text goes here</div>
    </div>
</li>

指导将不胜感激。

谢谢， @rr Five

Answer 1

您在函数调用中错过了“ slider ”对象:

after: function(slider){
//do your stuff here
}

还需要指定要通过这种方式淡入的 .headline 元素:

after: function(slider){
 curSlide = slider.slides[slider.currentSlide];
 $(curSlide).find('.headline').fadeIn(500);
}

查看 woothemes 人员提供的文档，你会找到你需要的一切。 如果您有问题请在此回复。 最好的问候