Do something AFTER the page has loaded completely

javascript jquery load
eozzy picture eozzy · Jan 27, 2012 · Viewed 89.6k times · Source

I'm using some embed codes that insert HTML to the page dynamically and since I have to modify that dynamically inserted HTML, I want a jquery function to wait until the page has loaded, I tried delay but it doesnt seem to work.

So for example, the dynamically inserted HTMl has an element div#abc

and I have this jquery:

if ( $('#abc')[0] ) { 
  alert("yes");
}

the alert doesn't show up.

I'd appreciate any help

Thanks

Answer

Zoltan Toth picture Zoltan Toth · Jan 27, 2012 
$(window).load(function () {
    ....
});

If you have to wait for an iframe (and don't care about the assets, just the DOM) - try this:

$(document).ready(function() { 
    $('iframe').load(function() { 
       // do something
    });
});

Related questions

jQuery .load() / .ajax() not executing javascript in returned HTML after appended

I've tried using .load() and $.ajax to get some HTML that needs to be appended to a container, but the Javascript within the returned HTML is not being executed when I append it to an element. Using .load(): $('#new_…

Read More
JavaScript/jQuery event listener on image load for all browsers

I am looking for a way to implement this for as many browsers as possible: var image = new Image(); image.addEventListener("load", function() { alert("loaded"); }, false); image.src = "image_url.jpg"; This didn't work in IE so I googled and …

Read More
jQuery or JavaScript: Determine when image finished loading

How can I detect when an image has finished loading be it from the server or the browser cache? I want to load various images in the same <img/> tag and detect when the loading of a new …

Read More