javascript - divのロードが完了したかどうかをjquery/javascriptでチェックしますか?

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% 完了したかどうかを確認してから、他の処理を実行したいと考えています。

私は and を使用$(document).readyし.loadてチェックしましたが、どれも機能しませんでした (div の読み込みが完了する前でも機能します)。この問題は、この div に別の Web サイトの iframe が含まれているという事実と関係がありますか? ここで何が間違っていますか？

更新これを試したところ、まったく機能しませんでした：

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

Answer 1

問題は、div ではなく iframe がロードされているかどうかをテストする必要があることだと思います。セレクターを変更して子 iframe を含め、これで load イベントを確認することをお勧めします。

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

Answer 2

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