Событие jQuery при загрузке новой страницы в iFrame

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

Самый простой способ решить вашу проблему - это создать свой iframe с помощью jQuery.

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

Этот вопрос был задан здесь раньше .

Answer 2

Я использую

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

Answer 3

Мое лучшее предположение состоит в том, что событие «load» в iframe сработало до события «ready» в документе, что означает, что обработчик установлен слишком поздно.Возможно, вам придется использовать старомодный onload в самом элементе iframe.

Или вы можете просто поместить фрагмент $('iframe#posts').live() в сценарий верхнего уровня, а не в обработчик готовности.