facebook - 使用 window.fbAsyncInit 在页面的第一次加载时不起作用

Question

<script>
        (function(d, debug){
            var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=356233997758493";
            ref.parentNode.insertBefore(js, ref);
        }(document, /*debug*/ false));  
</script>

这就是我初始化facebook sdk的方式，问题是当我第一次加载页面时，window.fbAsyncInit内的任何代码都不会加载，但是当我刷新页面时它工作正常。

您知道问题出在哪里吗？

Answer 1

我通过将 Facebook 的 SDK 代码段移动到索引文件的最底部(就在结束 </body> 之前)解决了这个问题。标签。

  ...
  <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/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  </script>
</body>