javascript - 使用jquery如何在函数执行完成时调用一个函数并从上一个函数调用另一个函数

Question

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

Answer 1

如果该函数实际上是一个函数，那么只需functionA()按照良好的 JavaScript 调用它。如果它是一个事件，那么使用 Jquerytrigger请参阅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。完成后，我们将调用 function 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();
});