像按钮没有显示在Firefox中

Question

我有一个问题，像firefox中的按钮不工作在我的网页上，但在所有其他浏览器的作品。

请大家看我的链接：http://idhair.eu/swag/hinnerup.html

不介意的布局，它可以显得凌乱。

Answer 1

您的Like按钮可能没有显示，因为您链接的页面可能无法提供给登录用户。如果您注销Facebook，Like按钮应该正确显示。对内容/页面的任何浏览器限制都会阻止某些用户看到类似的按钮。

Answer 2

好像你已经嵌入 <script src="https://connect.facebook.net/en_US/all.js"></script>脚本两次，第一次先<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=********"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

我的Chrome检查也说fbinit之前已经初始化，你也有两个<div id="fb-root"></div>
你可以做到这一点像这样，删除第一个JS。并拥有一个fb-root div。

window.fbAsyncInit = function() { 
      FB.init({ 
      appId  : '*******', 
      status  : true, 
      cookie  : true, 
      xfbml  : true, 
      oauth  : true 
     }); 

    }; 
     (function(d){ 
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
      js = d.createElement('script'); js.id = id; js.async = true; 
      js.src = "//connect.facebook.net/en_US/all.js"; 
      d.getElementsByTagName('head')[0].appendChild(js); 
}(document));