一个Facebook喜欢按下prev next javascript gallery

时间:2012-02-09 20:13:48

标签: javascript jquery facebook-like

我有一个javascript画廊,它是一个jcarousel所以用户可以按下一个和上一个按钮并查看多个产品,在prev和bext按钮的中间你找到一个FB像按钮,我需要的是如果用户点击像一个产品,如果他然后点击下一个或上一个FB喜欢按钮将可用于点击(因为这是另一个产品),所以这在每页系统中会非常容易,所以现在每次点击FB like按钮都有一个独特的网址(我使用带有jquery地址插件的片段部分来做这个),我也改变了xfbml像按钮的ref属性,认为会重置按钮(所以每个产品都有一个独特的按钮),

<fb:like send="false" width="450" ref="" show_faces="false" data-layout="button_count"  id="fb_like" ></fb:like> 

动态更改ref会使FB像按钮一样唯一,因为:

    When a user clicks a link back to your website, we will pass back both
 the ref value as a fb_ref parameter and the fb_source parameter 
in the referrer URL

但如果没有按下“赞”按钮,则不会将按钮重置为“可点击”状态。

1 个答案:

答案 0 :(得分:0)

Like按钮仅保留初始值。如果你想让它变得动态,你必须构建fb:like语句。用jQuery包装整个东西。

另一位用户在这里有示例代码,我发现它适用于AJAX调用的有用Update FB:Like URL Dynamically using JavaScript

从那篇文章:

$('#like').html('<fb:like href="' + url + '" layout="button_count" show_faces="false" width="65" action="like" font="segoe ui" colorscheme="light" />');
if (typeof FB !== 'undefined') {
    FB.XFBML.parse(document.getElementById('like'));
}

HTML:

<span id="like"></span>

归功于Mohammed Arif