等待1个函数完成后再运行下一个函数

Wait for 1 Function to Finish Before Running The next Function

本文关键字:函数 再运行 下一个 1个 等待      更新时间:2023-12-20

我需要运行两个函数。第二个必须等待第一个完成,否则事情就会一团糟。我的代码如下:

我研究过使用jQuery.when()、使用.then.done,但每次在本地尝试时,我都无法正常工作,因为我确实没有正确理解文档。

我还尝试了在函数中使用callbacks来实现这一点的其他问题。同样,他们的代码略有不同,而且更基于Ajax,所以我很难准确理解。

我没有在下面的代码中包括我对以上内容的尝试,因为它会像一团乱麻一样混乱。我认为最好是为了问题的目的清晰地显示我的原始代码和2个函数。

提前感谢您的支持。。。

var reportFilter = $.cookie("filter");
if (reportFilter == 'true') {
    // function 1 - Run First
    $('table tbody tr').each(function () {
        var hours = $(this).find('.time').text();
        if (hours == '0') {
            $(this).addClass('hidden');
        }
    });
    // function 2 - Run After Function 1 is complete
    $('table tbody tr').each(function () {
        var nextTR = $(this).next();
        if (nextTR.hasClass('hidden') && (nextTR.hasClass('odd') || nextTR.hasClass('even'))) {
            $(this).addClass('hidden');
        }
    });
}

这两个函数似乎没有任何依赖关系。它们将按照调用的顺序运行。

休息以确保它们按照您想要的顺序被调用。您可以使用调试器或在函数和检查中发出警报。

阅读此链接以供参考:-

等待具有动画的功能完成,直到运行另一个功能

希望这能有所帮助!