Question

我正在尝试在网页上添加类似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>

我把我的appId放在合适的地方......

这段确切的代码在这里完美运作...... http://jsfiddle.net/dmcs/HS5Lp/1/ ... 但不是当我在浏览器上运行它时...它给出了一个错误... - ＆gt;无法加载资源：file：//connect.facebook.net/en_US/all.js#xfbml=1& appId = 113830492072210

我不知道为什么会这样......如果你知道的话请帮忙..

Answer 1

维克拉姆，

我知道你的问题是什么。虽然你不会发现你的脚本调用与下面的脚本调用之间存在很大差异。但这有望为您带来改变并解决您的错误。

<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。

干杯，拉胡

Answer 2

你可以看到它完美无缺。

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-Delhi

像按钮的Facebook没有显示

2 个答案: