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