等待一個功能完成，然后再運行下一個功能

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

這兩個函數似乎沒有任何依賴性。 它們將按照被調用的順序運行。

休息一下，以確保它們被調用，以便您可以肯定地使用調試器或在函數中發出警報並進行檢查。

閱讀此鏈接以供參考：

等待帶有動畫的功能完成，直到運行另一個功能

希望這可以幫助！