繁体   English   中英

像按钮的Facebook没有显示

[英]Facebook like button is not showing

我想在网页上添加像按钮一样的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/ ...但是当我在浏览器上运行它时...它给出了一个错误... - >无法加载资源:文件://connect.facebook.net/en_US/all.js#xfbml=1&appId=113830492072210

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

维克拉姆,

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

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

干杯,拉胡尔

你可以在这里看到它完美无缺。

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- 新德里

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM