javascript - 两个几乎相同的功能。一个函数使用 Queue 排队。Jquery 效果不适用于排队的函数。为什么？

Question

长话短说..我正在制作我的第一个作品集。我正在使用 Jquery 来处理我的文本。我希望文本按顺序淡入淡出。出于某种原因，当我使用队列加载函数时，排队函数中 span 标记中的文本不会淡入淡出。我不确定这是为什么。有任何想法吗？编辑:现在可以了。我没有更多的问题。我将 clearQueue() 添加到 ChangeInterests2 函数中。更新了代码以显示这一点。

function interestsTimer2() {



    window.setTimeout(changeInterests2, 2500);


 }


function interestsTimer() {

    $("span .interests").fadeOut(2000);
    window.setTimeout(changeInterests, 2500);
    $("span .interests").fadeIn(5000);

 }


function changeInterests2() {

    $("span .interests").html("craft Beer.")
    $("span .interests").clearQueue();
    $("span .interests" ).fadeIn(5000);


 }



function changeInterests() {


    $("span .interests").html("hiking Seattle.");

 }


interestsTimer();

$("span .interests").fadeOut(2000).queue(function () {

     interestsTimer2();

})

Answer 1

队列本身似乎被这段代码塞满了。如果我在延迟开始之前添加 .clearQueue() 它会清理......一些东西。

此代码可以在带有 div 的页面上连续运行，但如果没有 .clearQueue() 则不会(尽管它会运行一次)。

$("div:first").clearQueue().delay(3000).queue(function () {

     console.log("Works?");

});

我希望这里的其他人比我更了解队列，但我现在提供这个。祝你好运。