스크롤시 사진로드가 작동하지 않음
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/
닫는 중괄호가 누락되었습니다. 중괄호와 일치하는 텍스트 편집기를 사용하고 이러한 오류를 최소화하기 위해 코드 형식을 지정하는 것이 좋습니다.
귀하의 기능은 다음과 같이 보일 것입니다.
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!
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다