使用jQuery在函数执行完成后如何调用函数以及从上一个函数调用另一个函数

Question

我必须执行基于jquery的任务。 页面加载时，将调用第一个jquery函数。 第一个函数成功完成后，便应自动调用下一个函数。

Answer 1

如果该函数实际上是一个函数，则可以按照良好的JavaScript调用它functionA() 。 如果是事件，请使用Jquery trigger请参阅http://api.jquery.com/trigger/

如果可能的话，将函数链接起来也是一个好主意。例如FunctionA().FunctionB();

Answer 2

您可以将回调函数“传递”到其他函数。 参见示例：

function one(callback) {
    // do stuff ...
    // do stuff ...
    // do stuff ...

    if (typeof(callback) === 'function') 
        callback();
}

function two() {
}

现在，声明文档准备就绪并调用函数one 。 完成后，我们将调用函数two 。

$(document).ready(function(){
    one(function(){
        // code after 'one' ended
        two();
    });
});

这是一般的想法。 希望能有所帮助。

Answer 3

这是一个工作示例JSFIDDLE

JS：

function func_one()
{
    alert('func_one');           
    alert('Now call func_two');   
    func_two();
}

function func_two()
{
    alert('func_two');    
}
//jquery Function block that will be executed on page load
$(document).ready(function(){
    //call the function one
    func_one();
});