javascript - 由 iframe 覆盖的 Google+ 自定义登录按钮

Question

我正在尝试使用自定义样式的 Google+ 登录按钮并使用 gapi.signin.render 遵循 Google 的文档应该允许我这样做。但即使使用该按钮的样式也会被 iFrame 替换。

我使用的代码很简单：

var $Button = $("<div>").addClass("SocialGooglePlusLoginButton").appendTo("body");

    gapi.signin.render($Button.get(0), {
        callback: OnSignIn,
        clientid: Configuration.Get("GooglePlusClientID"),
        cookiepolicy: "single_host_origin",
        requestvisibleactions: "http://schemas.google.com/AddActivity"
    }); 

从理论上讲，这应该是我所需要的，但似乎还不够？我错过了什么？

g+ 脚本包含在选项 onload=explicit 中

Answer 1

原来 G+ 正在扫描 div 的结构，我必须在其中添加一些空跨度，然后它才能像这样工作：

$("<div>").addClass("SocialGooglePlusLoginButton").append($("<span>"), $("<span>"));