Google Friend Connect可以有多个登录按钮吗？

Question

我想知道是否有可能为Google Friend Connect设置多个登录按钮...

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

该代码呈现登录按钮。不幸的是，它接受一个id，而id必须是唯一的。

有没有办法做一些类似的事情

google.friendconnect.renderSignInButton({class:"google-login",style:'long'})

这会使所有带有class="google-login“的div呈现为一个登录按钮吗？或者仅仅渲染两个单独的登录按钮：

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

有人知道解决方案吗？

Answer 1

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

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

google.friendconnect.renderSignInButton({id: 'memberstate', style: 'long'});
google.friendconnect.renderSignInButton({id: 'colorPicker', style: 'standard'});
google.friendconnect.renderSignInButton({id: 'profile', style: 'text'});

正如您所看到的，这将创建三个登录按钮，每个按钮具有不同的样式