好吧,我的标题有点混乱,但基本上,我有一个函数,在该函数完成执行后,它应该执行给定的步骤。这是我的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');
});
它确实创建了侧表,但是,这一步
$('#' + showThis + 'Screen').slideDown('slow');
在创建侧表后没有被执行。怎么来了?这是我的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);
}
添加回调参数,如果存在,则在末尾调用它:
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();
});
}