3

我正在尝试在网页上添加类似 facebook 的按钮。我从https://developers.facebook.com/docs/reference/plugins/like/获取了确切的代码，但仍然根本没有显示类似按钮。我尝试了所有三个版本的 HTML5、XFBML 和 IFRAME，但都没有工作。我试图在 chrome firefox 甚至 Internet Explorer 中运行代码，但它在任何情况下都可以工作。我的浏览器中没有安装任何 facebook 断开连接扩展等。请告诉我我做错了什么...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </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/en_US/all.js#xfbml=1&appId=***appId***";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <div class="fb-like" data-href="http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-colorscheme="dark" data-font="verdana"></div>
 </body>
 </html>

Iv 将我的 appId 放在适当的位置...

这个确切的代码在这里完美运行...... http://jsfiddle.net/dmcs/HS5Lp/1/ ...但当我在浏览器上运行它时却没有......它给出了一个错误...... - >加载资源失败:file://connect.facebook.net/en_US/all.js#xfbml=1&appId=113830492072210

我不知道为什么会发生这种情况...如果您知道，请提供帮助..

4

2 回答 2

2

维克拉姆，

我明白你的问题是什么。虽然你不会发现你的脚本调用和下面写的有很大区别。但这有望为您带来改变并解决您的错误。

<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=***appId***";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

只需在上面的脚本中输入您的 App_Id 即可。

干杯，拉胡尔

于 2012-04-17T08:46:55.433 回答
0

你可以在这里看到它完美地工作。

http://jsfiddle.net/dmcs/HS5Lp/1/

也许您的“赞”按钮所在的页面没有您想象的那么干净。检查浏览器的 javascript 控制台，看看是否有任何错误消息 添加一些登录到您的 javascript 以确保它正在运行。

我还检查了这个网站： http: //live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi和类似的按钮在那里工作正常。

您是否有指向无效代码的链接？

您可以在页面上修复一些问题。在此处查看 linter 工具的结果：http: //developers.facebook.com/tools/debug/og/object ?q=http%3A%2F%2Flive2.cricbuzz.com%2Flive%2Fscorecard%2F11200%2FMumbai-v-德里

于 2012-04-16T18:44:10.953 回答