2014-08-28 105 views
1

我使用了开发人员的Facebook页面上列出的HTML5和IFRAME选项,但它似乎并没有工作。 奇怪的是,它在没有任何内容的空白页面上工作。有什么可以与它相冲突吗?Facebook的按钮不会显示在网站上

冲突页:http://helbreathempire.com/ 空白页:http://helbreathempire.com/include/test.html

+0

在[style.css](http://helbreathempire.com/styles.css)的第41行,你的iframe有'display:none;'(因此它没有被显示;)) - 'iframe {边框:0无;显示:无; }'。删除'display:none'或将其更改为'display:block' – 2014-08-28 20:31:53

+0

只是...非常感谢您。 – Kazin 2014-08-28 20:42:50

回答

0

我建议你遵循这个选项添加使用HTML5按钮:

1),应立即将下方的代码下面的代码加载了Facebook的Javascript SDK:

<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/es_ES/sdk.js#xfbml=1&version=v2.0"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

2)在你想要的按钮出现,把代码的地方:

<div class = "fb-like" 
    data-href = "http://helbreathempire.com/" 
    data-width = "500" 
    data-layout = "standard" data-action = "like" 
    data-show-faces = "true" 
    data-share = "true"> </ div> 

希望这次会更容易!