I have a facebook like button on my website like that:

<div class="fb-like" data-href=""
             data-send="false" data-width="300" 
             data-show-faces="true">
</div>

I want to use jQuery or java script to check if this div is 100% finished loading on the page and then do other stuff.

I used $(document).ready and .load to check but non of them worked (they do the function even before the div finished loading). Does this problem have to do anything with the fact that this div contain an iframe from another website ? what am I doing wrong here ?

UPDATE I just tried this and it did not work at all:

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

I have a facebook like button on my website like that:

<div class="fb-like" data-href="https://www.facebook./xxx"
             data-send="false" data-width="300" 
             data-show-faces="true">
</div>

I want to use jQuery or java script to check if this div is 100% finished loading on the page and then do other stuff.

I used $(document).ready and .load to check but non of them worked (they do the function even before the div finished loading). Does this problem have to do anything with the fact that this div contain an iframe from another website ? what am I doing wrong here ?

UPDATE I just tried this and it did not work at all:

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

• javascript
• jquery

Share Improve this question Follow edited Jan 7, 2013 at 8:58 Mr_Green 41.9k4747 gold badges170170 silver badges276276 bronze badges asked Jan 7, 2013 at 8:38 Max PainMax Pain 1,24777 gold badges1919 silver badges3434 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

I believe the issue is that you need to test if the iframe is loaded rather than the div. I would suggest changing your selector to include the child iframe and checking for the load event on this.

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

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