$(window).on("load") not triggered in postRender

Question

I have a jquery code that I have to trigger after the page is loaded, I am doing it in postRender function call of the view, but postRender and window load event are totally async, so, the window load event might happen before I am in postRender adding the listener for the load event, is there any replacement for the function in this case, or am I missing something?

thanks for the help

Does this help? http://stackoverflow.com/questions/5762959/fire-an-event-after-document-is-rendered — David Jones, Aug 19 '15 at 16:15
no actually, rendrJs works on a different way, that's the main issue here — Labib Ismaiel, Aug 19 '15 at 16:36
can't you insert a script tag in your template with `$(loadFunction)`? — rafaelcastrocouto, Aug 19 '15 at 17:05
the $(window).load event is happening before I can ask for it, this is my main problem — Labib Ismaiel, Aug 19 '15 at 17:40

spenibus · Answer 1 · 2015-08-19T19:10:02.513

You could use a flag to keep track of the window.load event in the global scope and choose an execution path in postRender() based on the status of the flag.

// define this in the global scope
var windowHasLoaded = false;
$(window).on('load', function(){
    windowHasLoaded = true;
});

Then in view.postRender():

// window has already loaded, just run now
if(windowHasLoaded) {
    doStuff();
}
// run on window load event
else {
    $(window).on('load', doStuff);
}

var doStuff = function() {
    // the stuff to do
}

$(window).on("load") not triggered in postRender

1 Answers1