javascript - 在其他函数之后加载 javascript 函数

Question

我有两个功能。我希望 moduleList() 在 reloadModules() 之后加载:

reloadModules();
moduleList();

function reloadModules() {
    $.get(v2_settings_url + 'v2_nav/', null, function(responseText) {
        $('#dock ul').html(responseText).parent().fadeIn();
    });
    $.get(v2_settings_url + 'v2_edit_bar_nav/', null, function(responseText) {
        var target = $('#edit-nav-bar-settings-div');
        target.html(responseText);
    });
};

Answer 1

然后只需将 moduleList(); 函数作为回调函数(参数)传递给 reloadModules(); 函数。然后以这种方式链接您的 ajax 调用和 moduleList(); 函数:

reloadModules(moduleList);

function reloadModules(moduleList) {
    $.get(v2_settings_url + 'v2_nav/', null, function(responseText) {
        $('#dock ul').html(responseText).parent().fadeIn();
        $.get(v2_settings_url + 'v2_edit_bar_nav/', null, function(responseText){
            var target = $('#edit-nav-bar-settings-div');
            target.html(responseText);
            moduleList();
        });
    });
};

现在，简单来说，您告诉浏览器:

1. 执行 reloadModules 函数，同时向其传递 moduleList 函数。
2. 从服务器获取一些内容
3. 如果成功获取，请从服务器获取其他内容
4. 如果成功获取，请运行moduleList函数