iframeが読み込まれ、そのソースが変更されたときにシンボルを読み込むを表示しますか？

Question

iframeが読み込まれたときにload.gifを表示したいと思います。 Show a loading gif while iframe page content loads

これは動作します：

私はコードで、私はここで見つけることでした。しかし、私のウェブサイトには、チェックボックスとラジオボタンがあります。ユーザーがそれらの1つをクリックすると、iframeはソースを変更して更新されます。問題は、ページ全体が読み込まれているときだけ読み込みシンボルが表示され、iframeがソースを変更してgetをリフレッシュするときではないことです。どうすれば修正できますか？

<style> 
#loadImg{position:absolute;z-index:999;} 
#loadImg div{display:table-cell;width:950px;height:633px;background:#fff;text-align:center;vertical-align:middle;} 
</style> 
<div id="loadImg"><div><img src="loading.gif" /></div></div> 
<iframe border=0 name=iframe src="html/wedding.html" width="950" height="633" scrolling="no" noresize frameborder="0" onload="document.getElementById('loadImg').style.display='none';"></iframe> 

私はこれをテストしていませんが、IFRAMEがリロードされるたびに私の知る限りでは、jQueryの上（「負荷」）イベントがトリガされます。ジェイ、view full answer here

Answer 1

からコードしたがって、属性としてonloadを使用する代わりに、次を使用します。

$("#frameId").on("load", function() { 
    console.log("reloaded"); // Here you can display the loading.gif file 
})