Запустить скрипт после другого скрипта в jQuery

Question

Я работаю с animate.css. У меня есть HTML как это:

index.html

<h1>Example</h1><div class="instagram-widget"></div>

index.js

jQuery('h1').mouseenter(function() { 
jQuery(this).addClass('fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ 
    jQuery(this).addClass('fadeOutUp').removeClass('fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ 
     jQuery(this).removeClass('fadeOutUp'); 
    }); 
}); }); 

Все работает!

У меня есть Instagram с API (я могу показать свои фотографии - не волнуйтесь с API). Я добавляю код API к index.js. Я не ставил весь код здесь, чтобы упростить этот вопрос. Прилагаю

jQuery('<a>').attr('href', url).append(// inside it, append an image jQuery('<img>').attr('src',src), jQuery('<div class="comment">').html(comment) ) // end append .appendTo('.instagram-widget')

я изменить jQuery('h1').mouseenter(function() { к jQuery('.comment').mouseenter(function() {

Doenst работы. Это выглядит так, потому что .comment выполняется одновременно с jQuery('.comment').mouseenter(function() {, потому что в одном файле.

ВОПРОС

Как сделать .comment работы? Есть ли какая-либо функция, загружающая скрипт после завершения другого скрипта?

Answer 1

Вы можете использовать Promise для этого - хороший способ, или просто .setTimeout() - плохой способ.

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