jQuery Event when New Page Loads in iFrame

Question

I'm trying to set up an event on the parent that gets triggered when an iframe loads a new page (likely via the user clicking a link).

HTML:

<iframe name="posts" id="posts" src="edit.php">

JS:

$(document).ready(function() {
    $('iframe#posts').live('load', function() {
        console.log('live');
    });
});

The problem is that the console.log() statement never gets triggered. How can I achieve what I'm trying to do?

score 2 · Answer 1 · edited May 23 '17 at 12:00

2

The easiest way to fix your problem is to have your iframe created with jQuery as well.

$(document).ready(function() {
    $("<iframe />").attr({
        id: "posts",
        src: "edit.php"
    }).load(function() {
        console.log('live');
    }).appendTo("body");

This question has been asked here before.

edited May 23 '17 at 12:00

Community

1
1

answered Dec 15 '10 at 17:16

mdarwi

913
4
9

score 2 · Answer 2 · edited Apr 05 '11 at 21:50

2

The way I use is

<iframe onload="hide_html_player_contents_loading();" ...../>

edited Apr 05 '11 at 21:50

jschmier

15,458
6
54
72

answered Apr 05 '11 at 15:49

Sue

21
2

< ifarme onload="hide_html_player_contents_loading();" – Sue Apr 05 '11 at 15:50

score 1 · Accepted Answer · answered Dec 15 '10 at 17:14

1

My best guess is that the 'load' event on the iframe has fired before the 'ready' event on the document, which means that the handler is installed too late. You may have to use the old-fashioned onload in the iframe element itself.

Or you could just put the $('iframe#posts').live() snippet in a top-level script rather than in the ready handler.

answered Dec 15 '10 at 17:14

Dan

10,990
7
51
80

1

The old-school `` worked great. I tried putting the `.live()` call in the global scope, but it still didn't seem to do anything. – ggutenberg Dec 15 '10 at 17:54
@dosboy makes sense, if Dan's guess is right. The iframe would still be getting triggered before the document. – cregox Apr 15 '11 at 21:21

jQuery Event when New Page Loads in iFrame

3 Answers3

Linked