jQuery FadeIn / FadeOut，循环遍历数组

Question

在此网址 - http://thespacebetweenthewords.org/sandbox/

我试图用jQuery FadeIn / FadeOut遍历单词数组 影响。

显示的单词数组似乎不是从[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);