Задать вопрос
chelkaz
@chelkaz

Как правильно сделать поэтапный each?

Я получаю через Ajax объект, в нем около 1000 списков. В списках ссылки и названия фото.
Я их вывожу сейчас на страницу:
$.each(data, function( index, value ) {
//html = "Шаблон блока";
// Тут просто $("#list_upload_img").append(html)
 });

Они появляются естественно все, что тормозит браузер, как правильно сделать поэтапную подгрузку?
Например по 50 штук с кнопкой (Плюс еще 50) ?
Учитывая то, что объект Json я получаю сразу весь, советы для получения части не нужны. Нужно поэтапно выводить уже полученный объект.
Нужно при скролле догружать. Точнее как правильнее это? Чтобы браузер не вис. Вот я получил объект, в нем 1000 элементов. Этот объект в переменной. И мне нужно по частям добавлять на страницу. Из этих элементов в массиве строятся блоки DIV с изображениями и сразу 1000 построить плохо. Браузер зависает.
  • Вопрос задан
  • 160 просмотров
Подписаться 1 Оценить 2 комментария
Ответ пользователя timokins К ответам на вопрос (3)
@timokins
Создаешь функцию, которая будет выводить 50 элементов,
с n элемента, по n + 50.

При загрузке страницы вызываешь функцию с аргументом n=0.
По нажатию на кнопку, вызываешь функцию с аргументом n=число уже показанных элементов.
Ответ написан