jquery/javascript檢查div是否完成加載？

Question

我有一個像按鈕Facebook的在我的網站像：

<div class="fb-like" data-href="https://www.facebook.com/xxx" 
      data-send="false" data-width="300" 
      data-show-faces="true"> 
</div> 

我想使用jQuery或Java腳本來檢查，如果這個div是在頁面上100％完成載入，然後做其他的東西。

我用$(document).ready和.load檢查，但沒有工作（他們甚至在div完成加載之前執行該功能）。這個問題不得不做任何事情，這個div包含來自另一個網站的iframe？ 我在這裏做錯了什麼？

UPDATE我只是嘗試這樣做，並沒有在所有的工作：

$(document).ready(function() { 
    $(".fb-like").load(function(){ 
     alert("Loaded :)"); 
    }); 
}); 

Answer 1

我認爲問題是，你需要測試是否iframe中加載，而不是股利。我會建議改變你的選擇器，以包含子iframe和檢查負載事件。

$('.fb-like iframe').load(function() { 
    console.log('iframe loaded'); 
}); 

Answer 2

$('.fb-like iframe').on(function() { 
    console.log('iframe loaded'); 
});