隐藏社交媒体按钮，直到全部加载完毕

Question

我们的网站有 4 个社交媒体按钮：

1. 脸书
2. 推特
3. 已链接
4. G+1

它们异步加载并在页面加载后的不同时间呈现。我想最初隐藏它们的容器，然后在所有 4 个都加载后同时显示它们。

有没有办法在我们网站的代码上或使用 twitter、google 等的 api 来检查所有 4 个加载的时间？

facebook 和链接在呈现为图像，但是 twitter 和 google 的“图像”在 iframe 中呈现，带有 twitter 的标签标签或 google 的 svg。

Answer 1

见https://stackoverflow.com/a/19355923/6599592

对于 imgs ：（JQuery 版本）

$('img').parent().css('display', 'none'); // Hide container

var i = 0;

$('img').each(function(){
    $(this).load(function(){
        i++;

        if(i == $(this).parent().children().length) {
            $(this).parent().css('display', 'block');
        }
    }
});