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');
});