Toseef Zafar
Toseef Zafar

Reputation: 1767

Call order of jQuery ready callback

If have two javaScript functions in a page which are required to be called when document load is complete. Is is possible that any function can executed first or it will be the first function which is executed first always?

So if using jQuery if you have following code:

$(document).ready(function(){ function1(); });

$(document).ready(function(){ function2(); });

Can it happen that function2 is executed first or will function1 always be executed first ?

Upvotes: 3

Views: 2449

Answers (3)

Denys Séguret
Denys Séguret

Reputation: 382092

jQuery ready uses the Deferred object system :

ready: function( fn ) {
    // Add the callback
    jQuery.ready.promise().done( fn );

    return this;
},

(from the source code)

And the documentation states that

Callbacks are executed in the order they were added

So yes, your callbacks will be executed in order of addition.

Upvotes: 7

Sebastian Breit
Sebastian Breit

Reputation: 6159

If you want these functions to be executed in order, why don't you just write:

$(document).ready(function(){ 
    function1();
    function2();
});

Upvotes: 3

prady00
prady00

Reputation: 741

Better make use of callback function to be sure about the execution order of the functions

Upvotes: 0

Related Questions