아약스를 사용하여 Facebook 소셜 플러그인 렌더링

<body> 태그 바로 아래에 JavaScript API 코드 (아래)를 포함 시켰습니다.아약스를 사용하여 Facebook 소셜 플러그인 렌더링

<div id="fb-root"></div> 
<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&appId=<APP_ID>"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

나는 또한 like 및 comment box에 해당 마크 업을 추가했습니다.

아약스를 사용하여로드 한 페이지가 아니라 브라우저에서 직접로드 할 때 소셜 플러그인이 잘 렌더링됩니다.

아약스를 통해로드 된 페이지에 소셜 플러그인이 렌더링되도록하려면 어떻게해야합니까?

출처

2011-12-08 ptamzz

페이스 북은 페이지가로드되면 fbml 태그를 검색하므로 소셜 플러그인이로드시 렌더링됩니다. 로드 후에 새 클래스를 추가하면 FBML을 다시 렌더링하도록 Facebook에 알려야합니다. FB.XFBML.parse()를 호출하는 쉬운 방법을 사용하거나 DOM 요소 참조를 포함시켜 Facebook에서 페이지의 일부만 스캔하거나 렌더링하도록 할 수 있습니다.

https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

출처

2011-12-08 18:47:59

나는 페이스 북이 XFBML.parse() 및 기타 FBML 방법을 지양 할 것입니다 읽었습니다. 나 맞아? [link] https://developers.facebook.com/docs/reference/fbml/ 페이스 북에서 태그를 사용하지 않으려면 태그를 렌더링 할 때 무엇을 사용해야합니까? – iamkhush

아약스를 사용하여 Facebook 소셜 플러그인 렌더링

답변

관련 문제