Блог

Я пытаюсь создать «бесконечную прокрутку» с помощью Ajax (или, точнее, с помощью Jquery.функция загрузки), функция работает отлично, и в тех случаях, когда она работала, она выдает смешное количество статей, поэтому я решил, что мне следует создать уникальный повторяющийся div (id1, id2, id3 и т. Д.), Но При использовании итерационного селектора для загрузки содержимого Ajax в уникальные идентификаторы div, повторяя его, это .загрузка завершается сбоем или не запускается.

 var busy = false;
var i = 1;
var x = 0;

function content(){
if($(document).height() * 0.7 < $(document).scrollTop() amp;amp; !busy) {
var offset = i   * 6;
$("#expand").after("<section id='expand"   x     "' class='gridWrapper'></section>");

$("#expand"   x).load("/ajaxcontent/", {section: 'articles', category: '', limit: '6', offset: offset, form: 'grid', action: 'article'}, function(){
busy = true;
}); 
    x                                       
} else {
   busy = false;
}
}   

window.onscroll = content;
document.ready = content; 
 

Мой вопрос в том, как мне заставить селектор $ («#expand» x) работать правильно? В вариантах (для циклов, во время циклов, .each) Я пробовал, когда он выводит статьи, он становится совершенно банальным и, по сути, извергает все статьи. Любая помощь была бы очень признательна!

(Поскольку это загрузка Ajax, я не думаю, что смогу создать JsFiddle)

Это работает

 $('#expand'   x)
 

попробуйте удалить в этой строке

 $("#expand").after("<section id='expand"   x     "' class='gridWrapper'></section>");
 

Для

 $("#expand").after("<section id='expand"   x   "' class='gridWrapper'></section>");