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

我正在使用Flexslider为一系列滚动幻灯片制作动画。 它在并且正常工作。 我现在要做的是利用’after:’回调来淡化幻灯片中的标题。 就运行顺序而言,它看起来像这样:

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

我在’after:’事件旁边使用了以下function,你不知道它,它不起作用。 标题已设置为显示:无; 但从未表现出来(是的,我的时机很好)。

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

HTML:

 
  • Headline text goes here
  • 指导将不胜感激。

    谢谢,@ rrfive

    你错过了函数调用中的’slider’对象:

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

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

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

    检查woothemes家伙提供的文件,你会发现你需要的一切。 如果你有问题在这里回复。 最好的祝福