Facebook 推荐栏和动态内容？

Question

好的，我在http://www.gablabelle.com/ 有一个投资组合。当您单击缩略图时，一张（滑块的）幻灯片会与请求的照片一起出现。太好了。

如您在右下角看到的那样，我安装了 Facebook 推荐栏。我希望将“赞”按钮链接到我在那个特定时刻所在的幻灯片。

代码的简化版本：

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>

Facebook 文档是这样说的：

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

manual - 使用此选项手动触发插件。当你想要的时候 触发插件，调用 FB.XFBML.RecommendationsBar.markRead(href);在 JavaScript 中。链接 参数是可选的，如果未设置，将默认为当前页面。 如果提供，它必须与 XFBML 标记上的 href 参数匹配。这 当您有更多多页文章时，手动触发很有用。为了 在三页文章上的示例，您可以添加 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'));

而不是

FB.XFBML.RecommendationsBar.markRead(href);

有效！