Question

当尝试添加instagram feed时，获取令牌并将div添加到页面后，页面加载，instagram图像快速加载然后消失，并被“ Feed已经加载...”代替了。

我正在跟踪在instagram开发人员网站上找到的信息，以及本文的演示https://ariasthompson.com/2018/02/08/adding-instagram-feed-website-without-plugin/，这里有一个小提琴https://jsfiddle.net/ianphilthompson/aw3Lboue 我已经按照所有步骤操作，并且能够在页面上短暂查看instagram图片。我在俯视什么吗？这是我正在玩的页面。 https://bluewall1.myshopify.com/pages/test-page-one 我网站上的令牌与小提琴和文章中的令牌不同，因为那不是我的小提琴。 :) 感谢您的帮助！

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();

Answer 1

我仍然不知道为什么会这样。我最好的猜测是，我正在玩的主题中有某件事导致了此问题。我正在与Shopify合作。我从头开始创建了一个新主题，其中包含的唯一js就是这段代码。现在，它运行良好。希望我有一个更好的答案-但是，好吧：）

供稿已加载... Instagram供稿未加载

1 个答案: