페이스 북의 코멘트 플러그인 스크립트

내 페이지의 스크립트로 HTML 컨텐츠를 동적으로로드하는 "handlebars js"를 사용하는 WordPress 페이지에서 Facebook 주석 상자를 사용하고 싶습니다.페이스 북의 코멘트 플러그인 스크립트

내가 페이스 북의 HTML 코드를 추가 할 때 :

<div class="fb-comments" data-href="http://mysite/mypage/" data-numposts="5" data-colorscheme="light"></div>

어디 페이지가 잘 작동하지만 내가 핸들 스크립트 내에서 사용할 때, 그것은 20에서 시간 1 등을 제외하고 (하지 않습니다!).

비동기 적으로로드되도록 Facebook JS SDK를 변경해 보았습니다. 문제는 스크립트가로드되는 순서와 관련이 있지만 의심의 여지가 없습니다.

출처

2014-11-03 user3575737

DOM에 Handelbars 콘텐츠를 추가 한 후에 플러그인을 FB.XFBML.parse으로 구문 분석해야합니다. Btw, 그 또 다른 주제,하지만 당신은 항상 비동기 적으로 JS SDK를로드해야하며 FB.XFBML.parse를 사용하기 전에로드되어 있는지 확인해야합니다.

템플릿 내용을 DOM에 추가 한 후 구문 분석 함수를 호출해야합니다.

출처

2014-11-03 12:07:58 luschn

감사합니다. 그러나 이제 다른 질문이 나타납니다. FB.XFBML.parse(); 핸들 바 스크립트 안에 추가 할 때만 작동합니다.하지만 다시로드되고 페이지가 완전히로드되지 않습니다. 구문 분석 스크립트를 Enqueueing하지 못했습니다 .. – user3575737

핸들 막대 내용을 추가 한 후에 작동해야합니다. 그 방법은 핸들 막대를 사용하는 방법입니다. 내용이 DOM에 이미있을 때 호출하는 것이 매우 중요합니다. 당신이 내가보기를 원한다면, 당신이 질문에 parse 함수를 사용하는 코드 부분을 추가 할 수 있습니다. – luschn

내 handlebars 스크립트는 스프레드 시트에서 행을 가져와 내 페이지의 개별 div로 만듭니다. 따라서 데이터가 3 행 = 3 텍스트 상자. 나는이 박스들 각각에 FB 코멘트 박스를 원한다. 몇 가지 테스트를 한 후 필자는 헤더 파일에서 2 초 지연 함수를 사용하여 구문 분석 스크립트를 사용하면 주석 상자가 첫 번째 상자에만로드된다는 것을 알게되었습니다. – user3575737

페이스 북의 코멘트 플러그인 스크립트

답변

관련 문제