就像按钮没有出现在firefox中一样

Question

我遇到了一个问题，类似按钮在firefox中的页面上不起作用，但在所有其他浏览器中都起作用。

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

别介意布局，它可能看起来很乱。

Answer 1

Your 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根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));