Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Поочередное появление элементов (https://javascript.ru/forum/misc/80680-poocherednoe-poyavlenie-ehlementov.html)

zhenia3003 13.07.2020 12:16

Поочередное появление элементов
 
Использую следующий код для поочередного появления блоков, при подгрузке блоков через AJAX, появление происходит с 1-го блока, как продолжить с 10, 20 и тд блока?
var timer = 300;
	var count = -1;
	$('.center-content .page-front').each(function()
	{
		timer = timer + 300;
		setTimeout(function(){
			count = count + 1;
			$('.center-content .page-front:eq('+count+')').fadeIn(300);
		}, timer);
	});

Ранее использовал код:
$('.center-content .page-front:eq(0)').fadeIn(300, function(){
		$(this).next().fadeIn(300, arguments.callee);
	});

Чем заменить arguments.callee ?

ksa 15.07.2020 10:34

Цитата:

Сообщение от zhenia3003
Чем заменить arguments.callee ?

Можно сделать "именную" функцию и просто использовать ее имя... ;)

ksa 15.07.2020 10:36

Цитата:

Сообщение от zhenia3003
при подгрузке блоков через AJAX, появление происходит с 1-го блока, как продолжить с 10, 20 и тд блока?

Скорее всего "сбрасывается" значение переменной count...

рони 15.07.2020 11:02

zhenia3003,
var show = () => {
	$('.center-content .page-front:not(.add)').each(function(i, el)
	{
		$(el).addClass('add').delay(i * 300).fadeIn(300)
	});
};
show();


Часовой пояс GMT +3, время: 00:34.