Facebook Javascript SDK问题:"FB未定义"

Question

从这里的Facebook文档中复制的以下代码在Chrome中对我不起作用.

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
  appId  : 'YOUR APP ID',
  status : true, // check login status
  cookie : true, // enable cookies to allow the server to access the session
  xfbml  : true  // parse XFBML
});
</script>

在Javascript控制台中,我得到:

Uncaught ReferenceError: FB is not defined

我在Firefox或Safari中没有任何问题,只有Chrome.

Answer 1

我看到Chrome已经安装了阻止Facebook脚本的WidgetBlock.结果恰好是此错误消息.确保禁用任何可能会干扰的扩展程序.

Answer 2

所以问题实际上是你没有等待init完成.这将导致随机结果.这是我使用的.

window.fbAsyncInit = function () {
    FB.init({ appId: 'your-app-id', cookie: true, xfbml: true, oauth: true });

    // *** here is my code ***
    if (typeof facebookInit == 'function') {
        facebookInit();
    }
};

(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));

这将确保一旦加载了所有内容,就可以使用并执行函数facebookInit.这样,每次要使用它时都不必复制init代码.

function facebookInit() {
   // do what you would like here
}

Answer 3

如果在fbAsyncInit定义之后省略分号,也会出现此错误.

window.fbAsyncInit = function() {
    FB.init({
        appId: 'YOUR APP ID',
        status: true,
        cookie: true,
        xfbml: true
    });
    //do stuff
}; //<-- semicolon required!

如果没有分号,情况与此较短的示例相同:

var x = function () {
    console.log('This is never called. Or is it?');
}

('bar');

该函数被调用,因为没有分号('bar')部分被视为对刚刚定义的函数的调用.

Answer 4

我也遇到了这个问题,解决它的问题与Facebook无关,但我包含的先前脚本形式不好

<script type="text/javascript" src="js/my_script.js" />

我改成了

<script type="text/javascript" src="js/my_script.js"></script>

它有效......

Weew ...希望我的经验可以帮助其他人坚持这几乎几乎所有事情,但仍然无法让它工作......

哦,男孩...... ^^