Javascript 你可以为谷歌好友连接设置多个登录按钮吗?

Javascript 你可以为谷歌好友连接设置多个登录按钮吗?,javascript,html,login,google-friend-connect,Javascript,Html,Login,Google Friend Connect,我想知道Google Friend Connect是否可以有多个登录按钮 google.friendconnect.renderSignInButton({id:"google-login",style:'long'}) 该代码呈现“登录”按钮。不幸的是,它接受一个id,并且id必须是唯一的 有没有办法做类似的事情 google.friendconnect.renderSignInButton({class:"google-login",style:'long'}) 这会使class=“go

我想知道Google Friend Connect是否可以有多个登录按钮

google.friendconnect.renderSignInButton({id:"google-login",style:'long'})
该代码呈现“登录”按钮。不幸的是,它接受一个id,并且id必须是唯一的

有没有办法做类似的事情

google.friendconnect.renderSignInButton({class:"google-login",style:'long'})
这会使class=“googlelogin”的所有div呈现为登录按钮吗?甚至只需呈现两个单独的登录按钮:

google.friendconnect.renderSignInButton({id:"google-login1",style:'long'})
google.friendconnect.renderSignInButton({id:"google-login2",style:'long'})

有人知道解决方案吗?

是的,这是可能的。请记住,将id传递给
renderSignInButton
时,您并没有设置新按钮id,而是该新按钮所在容器的id。我还注意到,在同一个容器中不能有两个登录按钮(至少在不手动克隆它们的情况下)

我找到了这个,并使用Firebug的控制台运行以下命令

google.friendconnect.renderSignInButton({id: 'memberstate', style: 'long'});
google.friendconnect.renderSignInButton({id: 'colorPicker', style: 'standard'});
google.friendconnect.renderSignInButton({id: 'profile', style: 'text'});
如您所见,这将创建三个登录按钮,每个按钮的样式不同