json - Facebook like count with jQuery -
i'm having little problem: i'm trying write jquery function loops on divs have specific class , populates them facebook's count (the required url in rel attribute). problem takes effect on last item reason.
html:
<div class="facebook_likes" rel="http://www.somesite.com/"></div> <div class="facebook_likes" rel="http://www.somesite2.com/"></div> <div class="facebook_likes" rel="http://www.somesite3.com/"></div> js:
function getlikes() { jquery('.facebook_likes').each(function(){ currentdiv = jquery(this); url = currentdiv.attr('rel'); jquery.getjson('http://graph.facebook.com/'+url,function(data) { currentdiv.text((data.shares || 0)+' likes'); }); }) } thanks!
ps: i'm calling function on document ready. fiddle at: http://jsfiddle.net/mjzpm/1/
the answer simple.
function getlikes() { jquery('.facebook_likes').each(function(){ var currentdiv = jquery(this); var url = currentdiv.attr('rel'); jquery.getjson('http://graph.facebook.com/'+url,function(data) { currentdiv.text((data.shares || 0)+' likes'); }); }) } you need initialize currentdiv , url on every loop through. time first getjson completes, currentdiv/url equal last value 2 variables set to.
Comments
Post a Comment