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>

指导将不胜感激。

谢谢，@rrfive

Answer 1

您在函数调用中错过了“滑块”对象：

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

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

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

检查woothemes 家伙提供的文档，您会找到所需的一切。如果有问题在这里回复。此致