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

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

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

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

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

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