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