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）的方法，通常最好是在用戶交互（如點擊）上調用它們，因爲否則現代瀏覽器的彈出窗口阻止程序將使用默認設置可能會壓制彈出窗口。