Jquery. Execute code only when all iframes are loaded

Question

$(document).ready(handler)

call to handler when page is loaded not paying attention to whether iframes' content is loaded or not. I want code to be executed only when content of all iframes loaded.

Is there any way to achieve this?

Answer 1

This may help solve your problem:

jQuery .ready in a dynamically inserted iframe

Answer 2

Use the .load() function to attach a callback to run when the iframe is loaded.

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