Javascript 自动加载图像脚本不起作用

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 8 年前。

Improve this question

滚动时加载照片不起作用

SyntaxError: missing ) after argument list 1:221 ReferenceError: json_loads is not defined 1:236

这里是加载照片并在网页上显示的功能

function json_loads(load_count, photo_count) {
    $.getJSON('/json_album_detail/', {
        'album_id': {{ object.id }},
        'count': photo_count, // min 3!!
        'load_count': load_count
        }, function(data) {
        console.log(data);



        for(item in data) {
            last_item = item;

             id = 'scrolling';
              console.log('Id: ' + id)
        }

        console.log(data.length);
        for(i=1, count=2; i<=last_item; i++, count++) {

            newdiv = document.createElement("div");
            mydiv = document.getElementById(id);
            newdiv.className='project-img';
            newhref = document.createElement("a");
            newimg = document.createElement("img");
            newimg.setAttribute('src', data[i].url);
            newhref.setAttribute('href', data[i].url);
            newdiv.appendChild(newhref);
            newdiv.appendChild(newimg);
            mydiv.appendChild(newdiv);


        }

}
}

滚动到底部时运行函数

var scroll_count = 0
var load_count = 3
var photo_count = 4
$(window).on("scroll", function() {
var scrollHeight = $(document).height();
console.log('scrollHeight: ' + scrollHeight);
var scrollPosition = $(window).height() + $(window).scrollTop();
console.log('scrollPosition: ' + scrollPosition);
console.log('To event = ' + (scrollHeight - scrollPosition) / scrollHeight);
if ((scrollHeight - scrollPosition) / scrollHeight < 0.01) {
    json_loads(load_count, photo_count);
    scroll_count = scroll_count+1;
    console.log(scroll_count);
    photo_count = photo_count+1;
    load_count = load_count+1;
}


});

测试站点:http://54.93.51.225/album/1/

Answer 1

您缺少一些右大括号。我建议使用与您的大括号相匹配并格式化您的代码的文本编辑器，以最大限度地减少此类错误。

我认为你的函数应该是这样的:

 function json_loads(load_count, photo_count) {
$.getJSON('/json_album_detail/', {
    'album_id': 1,
        'count': photo_count, // min 3!!
    'load_count': load_count
}, function (data) {
    console.log(data)
    for (item in data) {
        last_item = item

        id = 'scrolling'
        console.log('Id: ' + id)
    }

    console.log(data.length)
    for (i = 1, count = 2; i <= last_item; i++, count++) {

        function spinner() {
            document.getElementById("spinner").className = "fa fa-spinner fa fa-circle-o-notch fa-spin fa-2x";
        }

        function upper() {
            document.getElementById("spinner").className = "fa fa-chevron-circle-up fa-3x";
        }

        setTimeout(spinner, 1000);

        newdiv = document.createElement("div");
        mydiv = document.getElementById(id);
        newdiv.className = 'project-img';
        newhref = document.createElement("a");
        newimg = document.createElement("img");
        newimg.setAttribute('src', data[i].url);
        newhref.setAttribute('href', data[i].url);
        newdiv.appendChild(newhref);
        newdiv.appendChild(newimg);
        mydiv.appendChild(newdiv);

        setTimeout(upper, 1000);

    }
  }); // *** you are missing this!
}