Javascript instagram api jquery无法正确显示图片

我对Jquery和Javascript还是比较陌生，使用这里提供的API时遇到了一些问题

我正在尝试循环并抓取多批图片，并将它们显示到一个div中。这是我当前代码的一部分：

$('#morebutton').click(function(){
var numtimes = 3;
console.log("main fun  " + numtimes)
GetMorePictures(numtimes);
});

function GetMorePictures(numtimes) {
    //$("#pictures").html($("#pictures").html() + "<h1>Page " + pagenum++ + "</h1>")
    if (numtimes == 0) {
        return
    }
    console.log("inside fun  " + numtimes)
  $('.instagram2').instagram({
    search: {
    lat: lat,
    lng: lng,
    distance: document.getElementById('Distance').value,
    max_timestamp: ( (document.getElementById("Timing").selectedIndex == 1)? null:nexttime),
    min_timestamp: ( (document.getElementById("Timing").selectedIndex == 1)? prevtime:null)
  },
    count : 100,
    clientId: '7d428aff533f40e1b3d5f919882576d2'
  });

}

$('.instagram2').on('willLoadInstagram', function(event, options) {
    console.log(options);
});

$('.instagram2').on('didLoadInstagram', function(event, response) {
    console.log("just loaded")
    console.log(response)
    //console.log("1")
    prevtime = response.data[0].created_time
    nexttime = response.data[response.data.length - 1].created_time
    var inputTag = document.getElementById("Tag");
    if (inputTag && inputTag.value) {
        for (i = 0; i < response.data.length; i++) {
            if ( $.inArray(inputTag.value, response.data[i].tags) > -1 ) {
                if(i != 0){
                    $("#pictures").html($("#pictures").html() + "<a href='"+response.data[i].link+"' target='_blank'> <img src='"+response.data[i].images.thumbnail.url+"' height=150 width=150 /> </a>")
                }
            }   
        }
    }else {
        for (i = 0; i < response.data.length; i++) {
            if(i != 0){
                $("#pictures").html($("#pictures").html() + "<a href='"+response.data[i].link+"' target='_blank'> <img src='"+response.data[i].images.thumbnail.url+"' height=150 width=150 /> </a>")
            }
        }
    }
    //console.log("2")
    if( $('#pictures').is(':empty') ) {$("#pictures").html($("#pictures").html() + "No Result, Try another search or load more results")}
    searched = true;
    console.log("about to recur");
    GetMorePictures(numtimes - 1);
});

$（'morebutton'）。单击（函数（）{
var numtimes=3；
console.log（“主要乐趣”+numtimes）
获取更多图片（numtimes）；
});
函数GetMorePictures（numtimes）{
//$（“#图片”）.html（$（“#图片”）.html（）+“页面”+pagenum+++”）
如果（numtimes==0）{
返回
}
console.log（“内部乐趣”+numtimes）
$（'.instagram2'）.instagram({
搜索：{
拉特：拉特，
液化天然气：液化天然气，
距离：document.getElementById（'distance'）。值，
最大时间戳：（（document.getElementById（“Timing”）.selectedIndex==1）？null:nexttime），
min_时间戳：（（document.getElementById（“Timing”）.selectedIndex==1）？prevtime:null）
},
计数：100，
客户ID:'7d428aff533f40e1b3d5f919882576d2'
});
}
$（'.instagram2'）。on（'willLoadInstagram'，函数（事件，选项）{
console.log（选项）；
});
$（'.instagram2'）。on（'didLoadInstagram'，函数（事件，响应）{
log（“刚刚加载”）
console.log（响应）
//控制台日志（“1”）
prevtime=响应。数据[0]。已创建\u时间
nexttime=response.data[response.data.length-1]。创建时间
var inputTag=document.getElementById（“标记”）；
如果（输入标记和输入标记值）{
对于（i=0；i-1）{
如果（i！=0）{
$（“#图片”）.html（$（“#图片”）.html（）+“”）
}
}   
}
}否则{
对于（i=0；i

我尝试过在GetMorePictures函数的内部和外部移动对象，但它不能正常工作。如果它们在函数中，则会显示多次，如果它们在函数之外，则根本不会显示

---

非常感谢您的帮助。

对

GetMorePictures（numtimes-1）

的调用无法正常工作，因为您引用的

numtimes

在

didLoadInstagram

事件回调上下文中未定义。要快速解决问题，请尝试将该变量的定义移到

onclick

回调之外。

对

GetMorePictures（numtimes-1）

的调用无法正常工作，因为您引用的

numtimes

是在

didLoadInstagram

事件回调上下文中未定义的。要快速解决问题，请尝试将该变量的定义移到

onclick

回调之外