Facebook like button loaded by jquery not working

Question

I am trying to load a #content div of news_092612.html into another page using jquery. Everything from #content is loading fine except for the facebook like button. Here is the script I am using, I believe I am supposed to incorporate a parse function somewhere to get the buttons to reload in the new #newswrapper. I've searched and tried, but I'm hitting a wall. Thanks in advance!

 $(document).ready(function(){ $('#newswrapper1').load('news_092612.html #content'); });

Also here is the original page that I'm getting #content from. http://www.spadeballink.com/GALLOWS/news_092612.html

As well as the other page that I'm trying to load #content to. http://www.spadeballink.com/GALLOWS/TheGoddamnGallows.html

Brian Vanderbusch · Accepted Answer · 2012-10-18 03:13:25Z

1

This is because the Facebook widget is loaded by the Facebook SDK, which is included in the specific news file, but not the page you're trying to load your #content div into.

Try adding this code into the page gallows.html page:

<script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>

edited Oct 18, 2012 at 3:13

answered Oct 18, 2012 at 3:04

Brian Vanderbusch

3,3395 gold badges33 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Joe Perreze Over a year ago

That worked like a charm! Thank you so much, I should have just asked a week ago and saved the headache! Haha

Brian Vanderbusch Over a year ago

You may also want to look at bringing in the FB metadata from the posts as well, they're the og pieces. They help with the sharing process, and so much more.

Joe Perreze Over a year ago

Thanks! I'll definitely do that. I'm hoping you can help with another problem that has arose. The container (#newswrapper1) div is not resizing when the facebook buttons are clicked. I have searched and tried everything I thought would work to no avail. Thanks for anymore input!

Collectives™ on Stack Overflow

Facebook like button loaded by jquery not working

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related