1

我有这个按钮：

<img src="static/img/facebook_button.png" id="login-fb" onclick="login();" />

我也有这个脚本：

window.fbAsyncInit = function(){
    FB.init({
        appId : 'MY_APP_ID',
        status : true,
        cookie : true,
        xfbml : false
    });
};

最后，我有这个功能：

function login()
{
    facebookPerms = [
        'user_photos', 'email', 'offline_access', 'user_relationships', 'read_stream',
        'user_about_me', 'user_birthday', 'user_education_history', //'publish_stream',
        'user_hometown', 'user_interests', 'user_location', 'user_likes',
        'user_religion_politics', 'user_activities', 'user_work_history'
    ];
    //Get the facebook login status
    FB.getLoginStatus(function(response) {
        if (response.session) {
            // logged in and connected user, someone you know
            ajaxLogin();
        } else {
            //Display the facebook login dialog
            FB.login(function(response) {
                if (response.authResponse) {
                    // user is logged in and granted some permissions.
                    // perms is a comma separated list of granted permissions
                    ajaxLogin();
                } else {
                    // user is not logged in, display the error dialog box
                    errorNotLogged();
                }
            }, {
                //Ask for permissions of Facebook
                scope: facebookPerms.join(',')
            });
        }
    });
}

我遵循这条 Facebook 规则：

调用 FB.login 会导致 JS SDK 尝试打开一个弹出窗口。因此，该方法只能在用户点击事件后调用，否则弹出窗口将被大多数浏览器阻止。

而且我的网站仍然在 IE9 中被阻止其 Facebook 弹出窗口。任何想法如何解决这个问题？任何想法其他人如何在不阻止他们的脚本的情况下做到这一点？

4

1 回答 1

6

尝试以下操作：

  • 获取用户登录状态。
  • 如果用户未登录，则显示登录按钮。
  • 单击时直接调用 FB.login 函数。

在您的实现中，FB.login 不会在用户交互之后直接调用，而是作为 FB.getLoginStatus 回调函数的一部分。我猜这会导致 IE 阻止弹出窗口。

于 2012-06-22T12:50:37.297 回答