Изменить свойство стиля DIV, когда задача завершена с Javascript

Question

Я использую приведенные ниже от Javascript до go и собираю изображения из Instagram, это работает успешно, но иногда загрузка может занять некоторое время.

После завершения feed.run я хочу изменить стиль div.

var feed = new Instafeed({
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 transform: function(item) { //Transform receives each item as its argument
// Over-write the original timestamp


item.timestamp = new Date(item.timestamp).toLocaleString('en-AU', {

   year: 'numeric', 
   month: 'long', 
   day: 'numeric'
 });

// return the modified item
return item;

},



 template: '<div class="vertical-line"></div><div class="post-title">{{timestamp}}</div><div class="vertical-line"></div><div class="post-container"><div class="post-image"><img src="{{image}}"/></div> </div>',
});
feed.run();

function abc() {
    var color = document.getElementById("myDIV").style.color;
    if (color === "aqua")
         document.getElementById("myDIV").style.color="black";
    else
         document.getElementById("myDIV").style.color="red";

};

</script>```

Answer 1

http://instafeedjs.com/#advanced
перечисленные здесь обратные вызовы

Вы можете использовать расширенную опцию after обратного вызова:

var feed = new Instafeed({
 after: function(img){ abc() },
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 transform: function(item) { //Transform receives each item as its argument
// Over-write the original timestamp


item.timestamp = new Date(item.timestamp).toLocaleString('en-AU', {

   year: 'numeric', 
   month: 'long', 
   day: 'numeric'
 });

// return the modified item
return item;

},



 template: '<div class="vertical-line"></div><div class="post-title">{{timestamp}}</div><div class="vertical-line"></div><div class="post-container"><div class="post-image"><img src="{{image}}"/></div> </div>',
});
feed.run();

function abc() {
    var color = document.getElementById("myDIV").style.color;
    if (color === "aqua")
         document.getElementById("myDIV").style.color="black";
    else
         document.getElementById("myDIV").style.color="red";

};

Answer 2

В instafeed. js docs упоминается, что вы можете добавить некоторые обратные вызовы к объекту функции Instafeed, например before, after, success, error. В вашем случае вы хотите добавить функцию обратного вызова success:

var feed = new Instafeed({
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 success: (images) => {
     // Change style here
 }
 ...
}
feed.run();