CODEWITHSUNDEEP
jqueryfacebookxfbml
markzzz
markzzz

Reputation: 47945

Why FB.XFBML.parse() doesnt render my plugin?

My code :

<a id="render-me" href="javascript:void(0);">Render me</a>
<div id="social-facebook"></div>​

$('#render-me').click(function (e){
    e.preventDefault();

    $('#social-facebook').html("<fb:like id='button-facebook' href='http://www.google.com' send='false' layout='button_count' width='450' show_faces='false'></fb:like>");
    FB.XFBML.parse(document.getElementById('button-facebook'));    
});

I click, but the button is not rendered. Where am I wrong?

Upvotes: 4

Views: 11472

Answers (2)

Marco Palermo
Marco Palermo

Reputation: 162

You have to specify a node already in DOM. So, you can't use:

FB.XFBML.parse(document.getElementById('button-facebook'));

use instead:

FB.XFBML.parse(document.getElementById('social-facebook'));

and it will work fine ;)

Upvotes: 10

Soarabh
Soarabh

Reputation: 2950

Try to add this markup

<div id="fb-root"></div>

in bottom of page and make sure you are added FB script. Please have a look the image

enter image description here

Please follow these steps you will able to solve you problem.

For more info please go through this link https://developers.facebook.com/docs/reference/plugins/like/

Upvotes: 5

Related Questions