2012-04-16 84 views
3

我想在网页上添加Facebook像按钮一样。我采用了https://developers.facebook.com/docs/reference/plugins/like/的确切代码,但仍然没有显示类似按钮。我尝试了所有三个版本的HTML5,XFBML和IFRAME,但都没有工作。我试图运行在Chrome浏览器中的代码,甚至是Internet Explorer,但它在任何工作。我没有任何Facebook断开连接扩展等安装在我的浏览器。请告诉我有什么错我在做......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

我不知道为什么会发生这种情况...请帮助,如果你知道它..

+0

检查basics..are出现在页面上的JavaScript错误? – sethcall 2012-04-16 18:26:59

+0

我的javascript给了一个错误: - 无法加载资源:文件://connect.facebook.net/en_US/all.js#xfbml=1&appId=“theappid”..我不知道为什么它给这个错误coz我的appId是正确的 – Vikram 2012-04-16 18:59:16

回答

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

欢呼声中,拉胡尔

+0

非常感谢。..它充当了魅力。你能告诉我问题是什么......谢谢你.. \ – Vikram 2012-04-17 11:33:58

0

你可以在这里看到它完美的作品。

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

也许你的页面,类似按钮将会是不是你想的那么干净。查看浏览器的JavaScript控制台,查看是否有任何错误消息在JavaScript中添加一些日志记录以确保它正在运行。

我也检查了这个网站:http://live2.cricbuzz.com/live/scorecard/11200/Mumbai-v-Delhi之类的按钮在那里工作得很好。

你有没有工作的代码的链接?

您可以在页面上修改几件事。请参阅从棉短绒工具这里的结果:http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Flive2.cricbuzz.com%2Flive%2Fscorecard%2F11200%2FMumbai-v-Delhi

+0

我的JavaScript给了一个错误: - 无法加载资源:文件://connect.facebook.net/en_US/all.js#xfbml=1&appId=“theappid”..我不知道它为什么给这个错误因为我的appId是正确的 – Vikram 2012-04-16 18:57:35

+0

看看jsfiddle的例子。该应用程序ID不会得到它周围的报价。 – DMCS 2012-04-16 19:04:06

+0

有没有引号..我刚刚在这里只是为了differenciate .. – Vikram 2012-04-16 19:12:35