아약스의 좋아요 및 공유 버튼

Question

배경 : ajax를 사용하여 "foo_posts"라는 엔티티를 얻습니다. 이 게시물에서 페이스 북의 점유율과 같은 버튼

{% for post in foo_posts %} 
    <div class="foo"> 
     {{ post }} 
     <div class="fb-like" data-send="true" data-width="450" data-href="http://foo/foo/detail/{{ foo.id }}/" data-show-faces="true"></div> 
</div> 

{% ENDFOR %} 이제이 글은 Ajax를 사용하여 채워되고있다 을 사용하고 있습니다.

문제 : - 등 페이스 북과 점유율이 작동하지 않습니다

$(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_GB/all.js#xfbml=1&appId=245185848840630"; 
       fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 

에 의해 초기화됩니다. 어떻게하면 같은 함수와 공유 함수가 제대로 채워지도록이 함수를 호출 할 수 있습니까? 아약스 성공 함수에서 호출해야 하는가? (지금은 페이지 자체에서 호출 중임)

P .: 성공 함수에서 시도했습니다. 나는 그것을 잘못하고있는 것 같아요.

Answer 1

XFBML 태그는 기본적으로 Facebook JS-SDK 초기화에서만 구문 분석됩니다.

페이지가 렌더링 된 후 DOM에 소셜 플러그인을 추가하면 FB.XFBML.parse() 메서드를 호출해야합니다.

당신은 모든 문서 또는 내 XFBML 요소를 검색 할 요소를 지정하여 호출 할 수 있습니다

FB.XFBML.parse(); 
// OR 
FB.XFBML.parse(DOM_ELEMENT_WHERE_AJAX_CONTENT_IS_PLACED);