JavaScript循环从Instagram的API中提取相同的图像

Question

我正在使用Instagram的API来显示带有特定标签的所有近期照片。我有一个横幅，成功显示所有标签，并将其用作横幅的背景。我想重叠标签中最近的5张照片。下面的代码是我到目前为止的，但不幸的是，循环显示相同图像的5个。

这是我到目前为止的图像：

$(function() {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: true,
        url: "https://api.instagram.com/v1/tags/gymspotter/media/recent?access_token=xxxxxxxxxxxxxxxxxxxxxxxxx",
        success: function(data) {
            var tagged_photos = [];
            $.each(data.data, function(i, tag){
              tagged_photo = tag.images.thumbnail.url;
              $("#instagram-tagged-showcase").append('<img src="'+tagged_photo+'">')
              if(i < 5) { tagged_photos[i] = tag.images.thumbnail.url; }
            });

            $.each(tagged_photos, function(i, tag){
              $("#instagram-tagged-feed").append('<li class="instagram-tagged-li"><img src="'+tagged_photos+'" class="instagram-tagged-photo"></li>');
            });
        }
    });
});

Answer 1

在第二个循环中使用+tag+而不是+tagged_photos+

$(function() {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: true,
        url: "https://api.instagram.com/v1/tags/gymspotter/media/recent?access_token=xxxxxxxxxxxxxxxxxxxxxxxxx",
        success: function(data) {
            var tagged_photos = [];
            $.each(data.data, function(i, tag){
              tagged_photo = tag.images.thumbnail.url;
              $("#instagram-tagged-showcase").append('<img src="'+tagged_photo+'">')
              if(i < 5) { tagged_photos[i] = tag.images.thumbnail.url; }
            });

            $.each(tagged_photos, function(i, tag){
              $("#instagram-tagged-feed").append('<li class="instagram-tagged-li"><img src="'+tag+'" class="instagram-tagged-photo"></li>');
            });
        }
    });
});