提要已加载... Instagram 提要未加载答案

【问题标题】：Feed already loaded...Instagram feed not loading提要已加载... Instagram 提要未加载
【发布时间】：2019-05-31 23:09:17
【问题描述】：

当尝试添加 instagram feed 时，在获取令牌并将 div 添加到页面后，页面加载，instagram 图片加载很快然后消失并被“Feed 已加载...”替换我错过了什么？

我正在关注在 instagram 开发者网站上找到的信息以及这篇文章演示 https://ariasthompson.com/2018/02/08/adding-instagram-feed-website-without-plugin/，这里有一个小提琴 https://jsfiddle.net/ianphilthompson/aw3Lboue 我已经完成了所有步骤，并且能够在我的页面上简要查看 instagram 图像。我忽略了什么吗？

感谢您的帮助！

var request = new XMLHttpRequest();
        request.open('GET', 'https://api.instagram.com/v1/users/self/media/recent/?access_token=5452392704.c020aaa.a8284c2fa0c64499bf69ee69d91dd7bd&count=9', true);

        request.onload = function(container) {
          if (request.status >= 200 && request.status < 400) {
            // Success!
            var data = JSON.parse(request.responseText);
            for (var i=0;i < data.data.length;i++) {
                var container = document.getElementById('insta-feed');
                var imgURL = data.data[i].images.standard_resolution.url;
                console.log(imgURL);
                var div = document.createElement('div');
                div.setAttribute('class','instapic');
                container.appendChild(div);
                var img = document.createElement('img');
                img.setAttribute('src',imgURL)
                div.appendChild(img);
            }

            console.log(data);
          } else {
          }
        };
        request.onerror = function() {
          // There was a connection error of some sort
        };
        request.send();

【问题讨论】：

标签： javascript xmlhttprequest instagram-api

【解决方案1】：

我仍然不知道为什么会这样。我最好的猜测是我正在玩的主题中有一些东西导致了这个问题。我正在使用 Shopify。我从头开始制作了一个新主题，唯一包含的 js 就是这段代码。现在它运行良好。希望我有一个更好的答案-但是哦，好吧:)

【讨论】：