javascript - イベントが発生しない（または正しく形成された）後のFlexSlider

Question

Flexslider を使用して一連のローリングスライドをアニメーション化しています。それは入っていて、うまく機能しています。私が今やりたいことは、「after:」コールバックを利用して、スライド内の見出しをフェードインすることです。実行順序に関しては、次のようになります。

「after:」イベントと一緒に次の関数を使用していますが、機能していません。見出しは次のように表示するように設定されています: none; しかし、決して表示されません (そして、はい、私のタイミングは問題ありません)。

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

HTML:

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

ガイダンスをいただければ幸いです。

ありがとう、@rrfive

score 4 · Accepted Answer

関数呼び出しで「slider」オブジェクトを見逃しました：

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

この方法で、フェードインする.headline要素を指定する必要もあります。

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

woothemesの人たちによって提供されたドキュメントをチェックしてください、あなたはあなたが必要とするすべてを見つけるでしょう。問題がある場合は、ここに返信してください。よろしくお願いします

1 に答える 1