Не считается количество элементов. Как правильно сделать цикл?

Question

[Антон Мелентьев]

Всем привет! Очень нужна помощь!
Есть страница, на которую ajax подгружаются элементы (по 40 штук). Некоторые элементы видимые (имеют класс "opn"), некоторые невидимые (display: none; имеют класс "opm"). Пытаюсь создать цикл, при котором считается количество видимых элементов и, пока их менее 10, происходит еще подгрузка.

$(function() {
	var visvopr = $('.vopros:visible'); 
	while (visvopr.length < 10) {
		ajax_vopr();	//подгрузка		
	}
});

visvopr.length постоянно "0". Уже всю голову сломал. Подскажите, пожалуйста.

Comments

[Сергей Горностаев]

Все подгружаемые элементы имеют класс vopros?

Answer 1

[Alex]

Странно, но так вот все работает https://jsfiddle.net/qmp0y0ag/

Comments

[Антон Мелентьев]

может быть из-за времени подгрузки? считает раньше, чем подгрузилось.

[Alex]

Антон Мелентьев: Скорее всего. Потому что селектор правильный.

[Антон Мелентьев]

поставил таймаут 2 секунды и всеравно нет

setTimeout(function () {
if (visvopr.length < 10) {
ajax_vopr();
console.log($('.opn').length);
}
}, 1500);
может не там таймаут?

[Alex]

Антон Мелентьев: Попробуйте поставить в таймаут и это $('.vopros:visible')

[Антон Мелентьев]

не понял)))

[Alex]

Антон Мелентьев: var visvopr = $('.vopros:visible'); тоже инициируйте с задержкой.

[Антон Мелентьев]

разобрался, спасибо!

Answer 2

[Bowen]

var length = $('.vopros:visible').length;
if (length < 10) {
	ajax_vopr();
}

Comments

[Антон Мелентьев]

меняю if на while и цикл бесконечный. length всегда равно 0

[Bowen]

Антон Мелентьев: Покажите весь код

[Антон Мелентьев]

там 400 строк