Facebook与JavaScript集成RoR不起作用

Question

使用JavaScript登录Facebook使用FB.getLoginStatus在一种情况下工作，在另一种情况下不起作用。

这工作：

//view 
<script type="text/javascript"> 
function f1() { 
FB.getLoginStatus(function(response) { 
    if (response.status === 'connected') { 
    // the user is logged in and has authenticated your 
    // app, and response.authResponse supplies 
    // the user's ID, a valid access token, a signed 
    // request, and the time the access token 
    // and signed request each expire 
    FB.api('/me', function(response) { 
     alert(response.name + " " + response.id); 
     name1 = response.name; 
     uid1 = response.id; 
    }); 
    // var uid = response.authResponse.userID; 
    // var accessToken = response.authResponse.accessToken; 
    } else if (response.status === 'not_authorized') { 
    // the user is logged in to Facebook, 
    // but has not authenticated your app 
    } else { 
    // the user isn't logged in to Facebook. 
    } 
}); 
} 
</script> 

<%= content_for :body_attributes, "onload='f1();'" %> 

这不起作用

// view 
<script type="text/javascript"> 
function f1() { 
    // same definition as above 
    } 
</script> 

<script type="text/javascript"> { 
f1() 
    } 
</script> 

我不明白，为什么第二个代码不起作用。谢谢！

Answer 1

<script type="text/javascript"> 
{ 
    f1() 
} 
</script> 

删除括号并添加一个分号，你应该确定：

<script type="text/javascript"> 
    f1(); 
</script> 

Answer 2

这工作：

//view 
<script type="text/javascript"> 
function f1 { 
FB.getLoginStatus(function(response) { 

很难相信，这应该工作 - 因为这是而不是你如何在JavaScript中定义一个函数。它缺少函数名称后面的圆括号（）。

[来自评论] FB.api是不是必须被事件触发？

不，它不 - 它可以从任何地方调用。

只需要（/可能会）创建一个弹出窗口（FB.login，FB.ui）的方法，通常最好是在用户交互（如点击）上调用它们，因为否则现代浏览器的弹出窗口阻止程序将使用默认设置可能会压制弹出窗口。