How to pass multiple functions in document.ready

Question

I want to pass more than one functions on document ready.

Doing something like

$(document).ready(myFunction; anotherFunction;);

did not work.

If I add parentheses, it will actually execute the function.

It works if I do

$(document).ready(myFunction);
$(document).ready(anotherFunction);

but , is there a better syntax where I can pass all the functions at once?

Something like

$(document).ready(myFunction, anotherFunction);

Thanks

You can revise the question http://stackoverflow.com/questions/1327756/can-you-have-multiple-document-readyfunction-sections — mbadeveloper, Oct 14 '16 at 21:50
there is no diff calling them within the document ready like $(document).ready(function(){ myfunction1(); myfunction2(); }); — user669789, Oct 14 '16 at 21:51

clinton3141 · Accepted Answer · 2021-11-02T18:11:30.340

document.ready takes a single function as its argument. There is therefore no way to specify all of your functions as a list of parameters. You have a couple of different options for writing it differently with the same behaviour.

Create a new function to wrap your others

function initialise() { myFunction(); anotherFunction(); }

$(document).ready(initialise);
Use jQuery's $(document).ready shortcut syntax

$(myFunction); $(anotherFunction);

3a) Wrap them all in one function passed to document.ready

$(document).ready(function () { myFunction(); anotherFunction(); });

3b) Or equivalently using the shortcut syntax

$(function() { myFunction(); anotherFunction(); });

score 1 · Answer 2 · answered Oct 14 '16 at 21:50

Unfortunately .ready is only supported on the document and only accepts one function as an argument to call when the document is ready.
You can however use it multiple times, but there's no need to, just use an anonymous function wrapper instead

$(document).ready(function() {
    myFunction();
    anotherFunction();
});

How to pass multiple functions in document.ready

2 Answers2