iFrameで新しいページが読み込まれたときのjQueryイベント

Question

iframeが新しいページを読み込んだとき（ユーザーがリンクをクリックしたことによる可能性が高い）にトリガーされるイベントを親に設定しようとしています。

HTML：

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

JS：

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

問題はconsole.log()文がトリガーされることは決してありませんということです。私は何をしようとしているのですか？

Answer 1

ドキュメントの 'ready'イベントの前にiframeの 'load'イベントが発生していると思われます。つまり、ハンドラが遅すぎます。 iframe要素自体に古い形式のonloadを使用する必要があります。

また、$('iframe#posts').live()スニペットを準備完了ハンドラではなくトップレベルスクリプトに入れることもできます。

Answer 2

問題を解決する最も簡単な方法は、iframeをjQueryで作成することです。

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

この質問はasked here beforeです。

Answer 3

私が使用する方法は

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