您是否可以爲Google Friend Connect提供多個登錄按鈕？

Question

我在想，如果有可能有多個日誌在谷歌好友連接按鈕...

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

該代碼呈現登錄按鈕。不幸的是，它接受一個I​​D，ID必須是唯一的。

有沒有辦法做類似

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

的東西，就可以把所有帶class =「谷歌登錄」的div呈現爲登錄按鈕？甚至只是爲了使兩個獨立的日誌按鈕：

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

任何人都知道一個解決方案嗎？

Answer 1

是的，這是可能的。請記住，將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'}); 

這demo page並運行以下命令你可以看到這會在按鈕創建三個標誌，在每一個不同的風格