2016-07-21 13 views
0

Unsere Website hat 4 Social-Media-Tasten geladen werden:ausblenden Social-Media-Tasten, bis alle

  1. facebook
  2. twitter
  3. linkedin
  4. G + 1

Sie asynchron geladen werden und Render zu verschiedenen Zeiten nach dem Laden der Seite. Ich möchte zunächst ihren Container verstecken und dann alle vier gleichzeitig anzeigen.

Gibt es eine Möglichkeit zu überprüfen, wenn alle 4 geladen sind, entweder auf dem Code unserer Website, oder mit den APIs für Twitter, Google, etc ..?

facebook und verlinkt in render als Bilder, jedoch twitter und google "Bilder" innerhalb Iframes entweder mit einem Label-Tag für Twitter oder einem Svg für Google rendern.

+0

vor Dokument bereit versteckt alles, was, wenn das Dokument fertig dann alles zeigen –

+0

Das Problem mit dem Dokument fertig ist, dass sie vor dem Dritten Sozial abgefeuert wird Symbole werden geladen, da sie asynchron und in einigen Fällen innerhalb von iframes ausgeführt werden. –

Antwort

0

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

Für imgs: (JQuery Version)

$('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'); 
     } 
    } 
}); 
+0

Dies könnte für die Bilder funktionieren, aber nicht für die iframes (twitter, g +) –

Verwandte Themen