Как показать что-нибудь, как только будет загружен определенный скрипт?

Question

У меня есть небольшой инструмент, на котором есть общие кнопки для обмена в социальных сетях. API для кнопок занимает много секунд для загрузки, на вкладке есть значок поворота, и кнопки видны, но не используются. Что явно плохо.

Теперь я использую небольшой скрипт для загрузки API после загрузки страницы, которую я хочу сохранить.

<script> 
// Load the share API's once the entire page is loaded. 
    $(window).bind("load", function() { 
     $.getScript('js/share.js', function() {}); 
    }); 
</script> 

Но я также хочу, чтобы скрыть социальный медиа кнопку DIV, пока не будет загружена API, в сценарии, как я могу добиться этого?

Answer 1

Сделайте свой div без отображения, а затем покажите его после загрузки сценария с использованием анонимного обратного вызова, который у вас уже установлен.

HTML:

<div id="socialmedia" class="hide"></div> 

CSS:

.hide { 
    display: none; 
} 

JS:

$(window).bind("load", function() { 
    $.getScript('js/share.js', 
     function() { 
      $('#socialmedia').removeClass('hide'); 
     } 
    ); 
});