javascript - G+ 按钮的渲染回调

Question

我如何才能仅在 G+ 按钮完成呈现后才执行操作？

Facebook 允许人们使用以下方式做到这一点:

FB.XFBML.parse(document, function() {
    alert('rendering done');
});

我仔细阅读了 Google 的文档，但没有发现任何有用的信息。

当前的解决方法

目前我的解决方法是监视 G+ 元素，直到添加了某些元素，然后执行我的操作:

(function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js';

    po.onload = function() {
        var awaitRender = function(element) {
            if (element.firstChild &&
                element.firstChild.firstChild &&
                element.firstChild.firstChild.tagName.toUpperCase() === 'IFRAME') {
                alert('rendered!');
            } else {
                window.setTimeout(function() { awaitRender(element) }, 100);
            }
        };

        var buttons = document.getElementsByClassName('googleplus-button');
        for(var i = 0; i < buttons.length; i++) {
            awaitRender(buttons[i]);
        }
    }
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
})();

问题

我想知道，如果有的话:

• 为 G+ 按钮执行此操作的正确方法
• 比我上面一起破解的更好的实现

Answer 1

尝试将 onload 回调附加到 iframe。

您可能需要修改 src 属性，以防在附加 onload 回调之前加载 iframe。