javascript – Google plus登录按钮在线时无法呈现

我正在为我的新手机游戏开发社区网站,我正在尝试添加google plus登录流程.

实施过程中采取的步骤

– >跟随this谷歌开发者教程

HTML按钮代码：

<span id="signinButton">
        <span
            class="g-signin"
            data-callback="onSignInCompleted"
            data-clientid="<myID>.apps.googleusercontent.com"
            data-cookiepolicy="single_host_origin"
            data-requestvisibleactions="http://schemas.google.com/AddActivity"
            data-scope="https://www.googleapis.com/auth/plus.login">
        </span>
    </span>

Javascript加载代码:(在关闭之前)

<script type="text/javascript">
      (function() {
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
       po.src = 'https://apis.google.com/js/client:plusone.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po,s);
     })();
</script>

问题：

– >该实现在localhost中工作正常

– >该实现不能在线工作(即上传到服务器上)

在线页面奇怪的行为：

– >该按钮无法呈现

– >签名回调不会被调用

我的网络应用程序OAuth 2.0 javascript起源：

https://fcouceiro.com
https://www.fcouceiro.com
http://www.fcouceiro.com
http://fcouceiro.com
http://meatify:8888

我目前正在使用fcouceiro.com作为起源,但想法是在解决此问题后使用meatify.fcouceiro.com子域.

更新：经过一些实验后,我发现有时(就像你第一次访问页面一样)它会被渲染(按钮).所以我认为问题可能是在html之后加载的脚本.因为我正在使用jQuery加载函数来加载包含登录按钮的html页面.并且onload被调用并且脚本试图找到我的按钮但它不可用.你怎么看？

你可以在这里找到我的页面：
http://fcouceiro.com

APPy编码！

解决方法

好,朋友们.问题解决了！谢谢你的帮助.这是解决方案(复杂的……)：

只需确保在“加载”按钮后加载了google登录按钮的javascript(如果使用html渲染方法).我的问题是我的登录按钮被jQuery加载函数加载到div中,有时这个函数需要一些时间来执行.幸运的是,在我设置的加载我的g js的函数中有一个回调参数！

再次感谢你！