如何在更改iframe源時多次觸發iframe加載事件

Question

我有一個鏈接到另一個內部Web應用程序的iframe。

有一個側面板的鏈接列表，更改iframe的src。有時，如果有大量數據，iframe網站需要一段時間才能加載。我想在單擊鏈接時放置一個微調器圖標，並在加載框架時隱藏它。

我在鏈接的點擊功能中使用$('#myiframe').attr('src', urlVar)更改了src。我可以點擊顯示微調。

問題是，我該如何隱藏它？我如何知道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'); 
    }; 

}