jquery - 当一个函数结束时执行另一个函数

Question

我正在将 JSON 文件中的内容加载到 HTML 结构中，并且希望等到 JSON 内容加载后再显示 HTML，有没有办法可以执行这行代码: $ ('#wrapper').animate({opacity:1}); 当 loadContent(); 完成时？

$('#mch-overlay-content').load('layer_already.html', function() {
    loadContent();
    $('#wrapper').animate({opacity:1});
});

function loadContent(){ 
    $.ajax({
        url: "json/" + language + "/content.json",
        data: "nocache=" + Math.random(),
        type: "GET",
        cache : false,
        contentType: "application/json",
        dataType: "json",
        success: function(source){
            data = source;
            showStartpage(data);
        },
        error: function(data){
            alert("Failed to load content");
        }
    }); 
}

function showStartpage(){
    $("#game-logo a").addClass(language);
    $(".start .text3").html(data[language]['startpage']['text3']);
    $(".start .text4").html(data[language]['startpage']['text4']);
    $(".start .text5").html(data[language]['startpage']['text5']);
    $(".start .text6").html(data[language]['startpage']['text6']);
    $(".start .text7").html(data[language]['startpage']['text7']);
}

Answer 1

将代码添加到success回调中:

success: function(source){
    data = source;
    showStartpage(data);
    $('#wrapper').animate({opacity:1});
},