Question

I know an iFrame is added to my page via javascript somewhere in my page, I want to be notified when it is loaded, but this doesn’t work:

$("iframe").live("load",
    function () {
        alert(this.name + ": Im loaded!");
    });

No alert is shown
Any idea why? any idea how can we achieve this?

Answer 1

I think you can do a callback after adding the iframe to your page.
As mentioned here, it’s not possible to bind live() to iframe load().

Note: The .live() and .delegate() methods cannot be used to detect the
load event of an iframe. The load event does not correctly bubble up
the parent document and the event.target isn’t set by Firefox, IE9 or
Chrome, which is required to do event delegation.

So in your callback, you have to call this, maybe set a timeout to make sure it fires after the iframe has been loaded.

$("iframe").load(function () {
    alert(this.name + ": Im loaded!");
});