Facebook按钮不显示

问题描述：

所以我尝试了每个解决方案，以通过网站（本地，未发布）为我的Facebook页面添加一个按钮。但由于某种原因，这些解决方案都没有奏效。这是我试图在一个空白的HTML文件中的代码。空白的意思是头部，标题和正文是空的，除了正文部分的下面的代码。Facebook按钮不显示

<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"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-like" data-href="http://www.facebook.com/ResumeBuildingVolunteering" data-send="false" data-width="450" data-show-faces="true"></div>

事实上，它的本地可能是问题 – JonathanRomer

答

这个脚本应该放在HTML的底部，就在它关闭</body>标记之前。原因是，当它被调用时，它解析页面并呈现Facebook的元素。如果它被过早调用，就像你的情况一样，这个元素将不会被找到（因为它们还不存在），因此不会被渲染。另一种选择是只调用后DOM准备就绪后，使用jQuery $(function(){...}脚本或其他技术，或者使用FB页面的异步加载喜欢解释here

答

因为你在自己的系统中

上工作

//connect.facebook.net/en_US/all.js#xfbml=1

将不起作用。这是因为该链接是一个“Protocol-relative URL”，它采用当前使用的协议。

所以，如果你在Mac本地工作，那么该URL将寻找一个文件file:///en_US/all.js#xfbml=1，它不会带来任何东西。您需要将URL更改为

http://connect.facebook.net/en_US/all.js%23xfbml=1&status=0

答

我有同样的问题。尝试使用实际的按钮DIV这样第一：

<div class="fb-like" href="https://www.facebook.com/mypage"> </div>

通知对HTTPS的小号。

它为我工作。

Facebook按钮不显示

相关推荐