3
<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>

これが私がfacebooksdkを初期化する方法です。問題は、window.fbAsyncInit内のコードを初めてロードするときにページをロードするときですが、ページを更新すると正常に機能します。

問題が何であるかについて何か考えがありますか?

4

2 に答える 2

1

</body>Facebook の SDK スニペットをインデックス ファイルの一番下、終了タグの直前に移動することで、これを解決しました。

  ...
  <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>
于 2015-12-23T02:56:00.450 に答える
0

これを回避するには、window.onloadを使用して、ページの読み込み時に実行する関数をラップします。きれいではないかもしれませんが、うまくいきます。

<script>
  //Executes on page load
  window.onload = function(){
    window.fbAsyncInit = function(){
        //Init stuff
    };
    FB.getLoginStatus(function(response) {
        //...
    };
  };

  // Load the SDK asynchronously
  (function(d){
    //stuff
  }(document));
</script>
于 2013-09-30T01:07:23.567 に答える