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

Question

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

1. 实
2. 微博
3. LinkedIn
4. G + 1

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

有没有办法检查所有4个文件的加载时间，无论是在我们网站的代码上，还是使用api's for twitter，google等。？

facebook并以渲染方式链接为图片，但Twitter和谷歌“图片”在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');
        }
    }
});