jQueryフェデイン/フェードアウト、配列をループします

Question

このURLで - http://thespacebetweenthewords.org/sandbox/

私はjQueryフェデイン/フェードアウト効果で単語の配列を循環しようとしています。

ただし、表示される単語の配列は[0]で始まっていないようです。私はおそらく、関数が実行されている順序で何かを見逃しているでしょう。

コミュニティの誰かがこれまでのところコードについてコメントしたい場合は、洞察が高く評価されています。

Answer 1

コールバック関数を正しく使用しています .fadeIn() ただし、単語がフェードインが終了するまでフェードアウトし始めないようにするために、動詞を介して反復するために同じ原則を適用していません。あなたの外側 for ループはすぐにすべての動詞を引き裂き、それぞれを見せてから、それらを隠す時が来るまで辛抱強く待っています（もちろん、最新の動詞のみがまだ表示されます）。

あなたはこのようなことを試すかもしれません：

function showWord(selector, words, wordTime, i) {
    if (words.length < i)
        return;
    var word = words[i];
    $(selector).html(word).fadeIn(wordTime, function() {
        $(selector).fadeOut(wordTime, function() {
            showWord(selector, words, wordTime, i + 1);
        });
    });
}
showWord("#verb-content", data.verbs, verbTime, 0);