Facebook 추천 메뉴 막대 및 동적 콘텐츠?

Question

확인 http://www.gablabelle.com/에 포트폴리오가 있습니다. 썸네일을 클릭하면 슬라이더의 슬라이드가 요청 된 사진과 함께 제공됩니다. 큰.

오른쪽 하단 모서리에서 볼 수있는 것처럼 Facebook Recommendations Bar가 설치되어 있습니다. 좋아하는 버튼을 슬라이드에 연결하려면 해당 특정 순간에 켜기를 원합니다.

코드의 단순화 된 버전 :

slider.ev.on('SlideChange', function(event) { 
// Show me the URL, works fine 
    console.log(href); 
// Trying to change the URL of the Facebook Recommandations Bar plugin 
    $(".fb-recommendations-bar").attr("data-href", href); 
// The trigger 
    FB.XFBML.RecommendationsBar.markRead(href); 
}); 

html로는 :

<div id="social" class="hide"> 
    <div class="fb-recommendations-bar" data-href="http://www.facebook.com/gablabellephoto" num_recommendations="0" data-trigger="manual" data-site="http://www.gablabelle.com/"></div> 
</div> 

페이스 북의 설명서는 다음 말한다 :

https://developers.facebook.com/docs/reference/plugins/recommendationsbar/

매뉴얼 - 이것을 사용 마누의 옵션 동맹자가 플러그인을 트리거합니다. 에서 플러그인을 실행하려면 으로 전화하십시오. FB.XFBML.RecommendationsBar.markRead (href); 자바 스크립트에서. href 매개 변수는 선택 사항이며 설정되지 않은 경우 현재 페이지의 기본값이됩니다. 제공되는 경우 XFBML 태그의 href 매개 변수와 일치해야합니다. 수동 트리거는 여러 페이지로 된 기사가 더 많을 때 유용합니다. 3 페이지 문서의 예제의 경우 페이지에 trigger = "manual"을 추가하고 markRead JavaScript 함수를 페이지에서 호출하지 마십시오.

많은 시간과 도움에 감사드립니다.

Answer 1

$(".fb-recommendations-bar").data("href", href); 

대신

$(".fb-recommendations-bar").attr("data-href", href); 

및

FB.XFBML.parse(); 

대신 또는

FB.XFBML.parse(document.getElementById('.fb-recommendations-bar')); 

사용 OK

FB.XFBML.RecommendationsBar.markRead(href); 

작품!