0

次のコードがあります。

<html xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title></title>
</head>
<body>
<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : 'APP_ID', // App ID
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
        });

        // Additional initialization code here
    };

    // Load the SDK Asynchronously
    (function(d){
        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/en_US/all.js";
        ref.parentNode.insertBefore(js, ref);
    }(document));
</script>
<fb:login-button show-faces="true" width="370" max-rows="5" scope="email">Log In with Facebook</fb:login-button>
</body>
</html>
  1. Facebook を使用してアプリにログインします。
  2. ページが更新され、ログインしたことが示されます。
  3. ページを再度更新またはロードすると、Facebook がプラグインをロードします。約 10 秒後に、ページがリロードされます。

初期化が間違っていましたか、それとも単に Facebook のやり方ですか?

編集:次のエラーが表示されることがあります。

1 XFBML タグが 30000 ミリ秒でレンダリングに失敗しました。

https://stackoverflow.com/a/4182542/968219から一時的な修正を見つけました

なぜこれが機能するのかわかりませんが、修正されてうれしいです。誰かがより良い修正を知っていますか?

4

2 に答える 2

0

xfbmlレンダリングが正しく機能していないようです。HTMLバージョンを使用してみてください。

<div class="fb-login-button" show-faces="true" width="370" max-rows="5" scope="email">Login with Facebook</div>

または、独自のログインボタンを作成して、これにバインドすることもできます。

 FB.login(function(response) {
   // handle the response
 }, {scope: 'email'});
于 2012-04-29T13:34:05.123 に答える
0

チャンネルファイルを追加してみてください

FB.init({
            appId      : 'APP_ID', // App ID
            status     : true, // check login status
            channelUrl : '//WWW.MY_DOMAIN.COM/channel.html', // Channel File
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
        });

チャネル ファイルには、次のもののみが含まれます。

 <script src="//connect.facebook.net/en_US/all.js"></script>

参照：

http://developers.facebook.com/docs/reference/javascript/

于 2012-04-29T00:02:42.797 に答える