如何集成类似facebook的动态内容javascript按钮

how to integrate facebook like button for dynamic content javascript

本文关键字：动态 按钮 javascript facebook 何集成 集成      更新时间：2023-09-26

我想在从一个人的新闻订阅源的facebookfql流中检索到的每一篇帖子中添加一个类似facebook的按钮。所以href是动态的，一直在变化，我尝试了3种方法来实现它；

（1）当我在html文件中包含以下内容时，它只会显示"赞"按钮，但与特定帖子无关。显然href是空的。

<div class="fb-like" data-href="" data-send="false" data-width="250" data-show-faces="true"></div>

（2）我在html 中包含了以下div

<div id=fblikebutton></div>

和javascript：

fblikebutton_markup += '<div class="fb-like" data-href="'+post_href+'" data-send="false" data-width="250" data-show-faces="true"></div>';
$('#fblikebutton').empty().append(fblikebutton_markup);

post_href是当前帖子的href，我正在检索正确的href。但以上内容并没有显示任何内容。

（3）以下代码导致此错误：

阻止了具有原点的帧"https://www.facebook.com"从访问有原点的框架"http://static.ak.facebook.com".框架请求访问具有"https"协议，即正在访问的帧具有"http"协议。协议必须匹配。

html:

<div id ="fblikebutton"></div>

Javascript：

 fblikebutton_markup= '<fb:like href="'+post_href+'" send="false" width="250" show_faces="true"></fb:like>'
 $('#fblikebutton').append(fblikebutton_markup);
 FB.XFBML.parse(document.getElementById('fblikebutton'));

请帮忙！我看了看堆栈溢出的情况，但没有任何帮助。

我现在有第四次尝试，仍然会出现协议必须匹配错误：

（4）jQuery（"#fblikeblock"）.html（''）；FB.XFBML.parse（document.getElementById（'blikeblock'））；

现在有了第四种方法，按钮消失了！它不起作用。：（

将类似fb的内容附加到容器（如$('.container')）后，运行FB.XFBML.parse($('.container')[0])或FB.XFBML.parse($('.container'))。

我在以前做过的一个项目中实现了它。

已编辑：还要确保在调用JavaScriptFB.XFBML.parse之前，FB-js已包含在页面中。

相关文章：