0

好的，我的标题有点令人困惑，但基本上，我有一个函数，在该函数完成执行后，它应该执行给定的步骤。这是我的javascript：

createSideTable(showThis, function() {
    $('#' + showThis + 'Screen').slideDown('slow');
});

我希望 createSideTable 函数在步骤之前运行它的所有代码

$('#' + showThis + 'Screen').slideDown('slow');

可以被执行。createSideTable 或多或少只是让边桌慢慢淡入。该功能可以在本文末尾看到。通常，当我有一个要执行所有步骤然后执行其他给定步骤的功能时，我会这样做

createSideTable(function() {
    $('#' + showThis + 'Screen').slideDown('slow');
});

它可以工作，但是，createSideTable 函数需要一个参数（它需要的参数是 showThis）。所以当我尝试

createSideTable(showThis, function() {
    $('#' + showThis + 'Screen').slideDown('slow');
});

它确实创建了sideTable但是，这一步

$('#' + showThis + 'Screen').slideDown('slow');

创建 sideTable 后未执行。怎么来的？这是我的 createSideTable 函数。

function createSideTable(test) {
    var key = test.substr(test.length -1); //index of Heading
    for (var i=0; i<window['headings' + key].length; i++) {
        if (i == 0) {
            $('#row' + i).addClass('subHeadingClicked');
        }

        $('#row' + i).text('').removeClass('column1invisible');
        $('#row' + i).append(window['headings' + key][i]);
    }
    $('#sideTable').fadeIn(1500);
}
4

1 回答 1

3

添加回调参数，如果存在，在最后调用：

function createSideTable(test, callback) {
    var key = test.substr(test.length -1); //index of Heading
    for (var i=0; i<window['headings' + key].length; i++) {
        if (i == 0) {
            $('#row' + i).addClass('subHeadingClicked');
        }

        $('#row' + i).text('').removeClass('column1invisible');
        $('#row' + i).append(window['headings' + key][i]);
    }
    $('#sideTable').fadeIn(1500);

    if (callback) callback();
}

你应该可以这样称呼它：

createSideTable(showThis, function() {
    $('#' + showThis + 'Screen').slideDown('slow');
});

编辑 -

第一个例子展示了回调是如何工作的。你可以在任何你想要的地方执行回调......例如，如果你希望它在之后执行fadeIn()，你可以这样做：

function createSideTable(test, callback) {
    var key = test.substr(test.length -1); //index of Heading
    for (var i=0; i<window['headings' + key].length; i++) {
        if (i == 0) {
            $('#row' + i).addClass('subHeadingClicked');
        }

        $('#row' + i).text('').removeClass('column1invisible');
        $('#row' + i).append(window['headings' + key][i]);
    }
    $('#sideTable').fadeIn(1500, function() {
        if (callback) callback();
    });
}
于 2013-10-23T17:30:05.987 回答