Calling function AFTER .ready() in Javascript

Question

Is there a way to call a JavaScript function after the .ready() function has executed?

I think there's something funny going on in some DOM structuring in my code, and I want to try calling jquery.('reload') on a section. But I need to call it AFTER the $(document).ready(function(){}) is called.

To clarify a bit more, I'm using jQuery's masonry, and I'm having an issue with the rendering of elements. It comes with a method 'reload', and when called inside of .ready(), doesn't render correctly, but if done on say, a scroll event, it works fine.

To clarify, do you want this code to execute after all handlers for the .ready event have been run? — VoteyDisciple
– VoteyDisciple, Commented Jul 27, 2012 at 0:42
In what moment, specifically, do you want to call this function? And what are you trying to accomplish? — Ortiga
– Ortiga, Commented Jul 27, 2012 at 0:45
I believe so, my expectations are to trigger a function after everything in .ready() has executed. Unless it doesn't 'execute'. If I'm mistaking how it actually works, then forgive me, I assume once the javascript loads, .ready is triggered, executes, then is done with that file.js or <script></script> — Adola
– Adola, Commented Jul 27, 2012 at 0:45
How about triggering scroll event at the end of your ready function? — craftsman
– craftsman, Commented Jul 27, 2012 at 0:53

user2428118 · Accepted Answer · 2012-10-02 13:09:08Z

1

If you want your code to be executed right after .ready() is executed, you can use a setTimeout of 0 milliseconds.

$.ready(function(){

    setTimeout(myCoolFunction,0);
});

This example will execute myCoolFunction as soon as possible after .ready() has occurrred.

answered Oct 2, 2012 at 13:09

user2428118

8,1344 gold badges47 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prince · Accepted Answer · 2012-07-27 00:47:48Z

0

What does it mean jquery.('reload')?? Maybe you can call it last in the $(document).ready(function(){})!

answered Jul 27, 2012 at 0:47

Prince

1991 gold badge4 silver badges14 bronze badges

1 Comment

Adola Over a year ago

I wasn't clear enough, I meant jQuery's masonry plugin using the .('reload') method. My problem is that when I generate a series of 'boxes' using masonry in say a loop, it doesn't render them right, but when I generate them via scroll event, which I assume has nothing to do with .ready() they render correctly.

Bruno Schäpper · Accepted Answer · 2012-07-27 06:18:31Z

0

You could try the .load() method. It's fired when every resource is loaded. .ready() is as soon as the DOM is fully loaded.

EDIT: Just noticed, the .load() shorthand is deprecated, use $().bind("load", fn) instead

edited Jul 27, 2012 at 6:18

answered Jul 27, 2012 at 6:12

Bruno Schäpper

1,3022 gold badges13 silver badges24 bronze badges

Collectives™ on Stack Overflow

Calling function AFTER .ready() in Javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related