Как дождаться обновления iframe до выполнения функции?

Question

Я освежающий в IFRAME на моей странице, когда кто-то нажимает на изображение с этим кодом:

$("img").click(function() { 
     $('#space iframe').attr('src', function(i, val){ return val; }); 

     openBox(); 
}); 

Но я только хочу, чтобы выполнить функцию Openbox() после того, как IFrame делается освежающим.

Как я могу достичь чего-то подобного?

Answer 1

Хотя это не совсем ваша проблема, вот как вы слушаете событие загрузки на iFrame.

HTML

<iframe id="frame"></iframe> 
<button id="loadFrame">load frame</button> 

JS

$("#loadFrame").click(function() { 
    $("#frame").attr("src", "http://www.google.com"); 
    $("#frame").on("load", function() { 
     alert("ad"); 
    });  
}); 

Fiddle: http://jsfiddle.net/7RL35/4/

Answer 2

Использование JQuery:

$('#frameId').on('load', function() { 
    //code to execute after frame loaded 
}); 

Использование ваниль JavaScript:

document.getElementById('frameId').addEventListener('load', function() { 
    //code to execute after frame loaded 
});