【问题标题】:Facebook Like Box integrationFacebook Like Box 集成
【发布时间】:2013-01-14 04:51:36
【问题描述】:

我正在为一个网站工作,需要集成 Facebook Like Box。

我已经输入了 Facebook ID,然后它会生成一些代码,但 I am not able to click on the XFBML IFRAME and URL Button to generate the codes, only HTML5 Button

到目前为止,我有这个代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Page Under Construction</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">



</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like-box" data-href="http://www.facebook.com/pages/RW-    Fliesen/115860578491339" data-width="292" data-show-faces="false" data-colorscheme="light" data-stream="false" data-header="false"></div>



</body>
</html>

这给了我this output

但我需要整个 Like Box。

【问题讨论】:

    标签: html facebook plugins


    【解决方案1】:

    在页面https://developers.facebook.com/docs/reference/plugins/like/ 上,如果我们创建like 按钮,我们将获得链接中显示的代码...

    如果我们检查源代码(在 mozilla 或 chrome 中),您可以看到 &lt;a class="uiPillButton" href="#" id="button-xfbml"&gt;XFBML&lt;/a&gt; 链接 XFBML。

    由于 href= # 它不会显示任何其他页面... facebook 可能正在努力

    【讨论】:

    • 我确定内容是通过一些 ajax 请求更新的,所以当有一个脚本使用选择器 id="button-xfbml" 这样做时,将 href 设置为 "#" 是非常正确的留在同一个文件中
    • 是的,但是在搜索完整的源代码时,我们找不到任何与类 uiPillButton 或 id button-xfbml 相关的 jquery 函数调用
    • 这是脸书!无论他们做什么,几乎不可能追溯它。也许他们是受股市逼迫,迫使开发者使用他们的 hacky js sdk 和 html5 语法
    【解决方案2】:

    我遇到了同样的问题, 脚本src有错误,"http:"不见了

    看看图片:http://solarlogos.wordpress.com/2012/08/21/facebook-like-box-bug/

    【讨论】:

    • 好的,但我无法点击 XFBML IFRAME 和 URL 按钮来生成代码,由于某种原因,只有 HTML5 按钮被激活。
    • 对不起,我读得太快了,我自己试过了,链接不起作用,也许 facebook 本身正在运行。
    • 嗯,这可能是一个原因。谢谢你,我会等待,如果它稍后工作。
    猜你喜欢
    • 1970-01-01
    • 2014-12-03
    • 1970-01-01
    • 2014-09-02
    • 2013-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多