等待一个功能完成，然后再运行下一个功能

Question

我需要运行2个功能。 第二个必须等待第一个完成，否则事情会变得混乱。 我的代码如下：

我一直在使用研究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');
        }
    });
}

Answer 1

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

休息一下，以确保它们被调用，以便您可以肯定地使用调试器或在函数中发出警报并进行检查。

阅读此链接以供参考：

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

希望这可以帮助！