jquery - 使用 OpenID 选择器触发 Facebook 登录按钮

Question

我正在使用OpendID-selector但无法让它触发我页面上的 Facebook 按钮。

README.txt 内容如下:

how to plug-in facebook provider

put the following code in providers_large or providers_small:
facebook = { name: 'Facebook', url: "javascript:facebook_click();" }

where facebook_click is something like: function facebook_click() { $('#').click(); }

the same mechanism also applies if you want to plug-in any oauth or xauth provider

我只是不知道将函数 facebook_click() 放在哪里。

如果您不熟悉 OpenID-selector，它有 2 个 JS 文件:

• openid-en (providers_large 或providers_small 位于此处)
• openid-jquery.js

我想知道是否有人可以帮助我:

我应该将该函数放在哪里才能触发登录页面上的 facebook 登录按钮 (id = fb_login)？

一些代码:

//OPENID-EN.JS

var providers_large = {
    facebook : {
        name: 'Facebook',
        url: "javascript:facebook_click();" 
    },
    google : {
        name : 'Google',
        url : 'https://www.google.com/accounts/o8/id'
    },
    yahoo : {
        name : 'Yahoo',
        url : 'http://me.yahoo.com/'
    },
};


//LOGIN PAGE

<fb:login-button id="fb_login" v="2" size="medium" onlogin='window.location="https://graph.facebook.com/oauth/authorize?client_id=<?php echo $this->config->item('facebook_app_id'); ?>&scope=email,publish_stream&redirect_uri=<?php echo site_url('fb_signin'); ?>&amp;r=" + window.location.href;'>
            Login with Facebook
</fb:login-button>

如果我不包含该函数并单击按钮，控制台会显示引用 openid-jquery.js 中的这一行的错误

facebook_click is not defined
Line 122

...
if (url.indexOf("javascript:") == 0) {
url = url.substr("javascript:".length);
eval(url); //line 122
return false;
} 

如果我确实在任何地方(登录页面、openid-jquery 或 openid-en)包含该函数，那么什么也不会发生，控制台上也不会出现错误。

Answer 1

尝试直接调用 Facebook 登录按钮 fb_login 中定义的 onlogin 处理程序，如下所示。

facebook = { name: 'Facebook', url: "javascript:eval($('#fb_login').attr('onlogin'));" }