Question

好的我在http://www.gablabelle.com/有一个投资组合。当您单击缩略图时，幻灯片（滑块的幻灯片）随附请求的照片。大。

我已经安装了Facebook推荐栏，如右下角所示。我希望Like按钮链接到我在特定时刻播放的幻灯片。

代码的简化版本：

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中。 href 参数是可选的，如果未设置，将默认为当前页面。如果提供，它必须与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);

作品！

Facebook推荐栏和动态内容？

1 个答案: