Как вызвать событие load iframe более одного раза при изменении источника iframe

Question

У меня есть iframe, который ссылается на другое внутреннее веб-приложение.

Существует боковая панель со списком ссылок, которая изменяет srciframe. Иногда, если есть много данных, на сайт iframe требуется время для загрузки. Я хочу поместить значок прядильника при щелчке ссылки и скрыть его при загрузке фрейма.

Я изменяю src используя $('#myiframe').attr('src', urlVar) в функции щелчка для ссылок. Я могу показать прядильщик щелчком.

Проблема в том, как ее скрыть? Как узнать, закончилась ли загрузка iframe?

Я попытался использовать $('#myiframe').load(function() { }), но это работает только при начальной загрузке (т. Е. Для первой ссылки, которую я нажимаю), а не для последующих нагрузок (если я нажму на другую ссылку).

Answer 1

Это Javascript работает для меня:

function loadNewUrl (url){ 

    if(url === undefined) url = 'http://example.com?v=' + Math.random(); 

    var ifr = document.getElementById('myiframe'); 

    ifr.setAttribute('src',url); 
    ifr.onload = function() { 
     alert('loaded'); 
    }; 

}