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这个问题？ 我在这做错了什么？

更新我刚试过这个，但根本不起作用：

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

Answer 1

我认为问题是您需要测试是否加载了iframe而不是div。我建议更改你的选择器以包含子iframe并检查加载事件。

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

Answer 2

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