Перемещение div вниз плавно при обновлении в JQuery

Question

Я пытался составить список, который обновляется сверху. Каждый раз, когда вставляется новый элемент списка, старые элементы будут плавно перемещаться вниз

Итак, сначала я генерирую элемент списка каждый раз, когда нажимаю

function addItem(){ 
 $('#public').prepend('<li><div id="item' + i + '" class="tile"></div></li>');
 $('#item' + i).fadeIn();                                        
 i ++}

Затем я попытался анимировать () их, используя код ниже:

 $('.tile').animate({top:42},500);

Странно, только последний элемент будет плавно анимироваться вниз, другие элементы будут по-прежнему сдавлены. И между ними всегда есть 42px белого цвета.

Answer 1

Я не вижу, где переменная, которую я инициализирую?Я имею в виду, увеличивается ли он, поскольку вы не передаете переменную в методе или не извлекаете текущее значение откуда-то.Я не думаю, что вам нужно использовать переменную в любом случае, кстати.Вы можете использовать jQuery, чтобы получить всех братьев и сестер, а затем вызвать animate в этом списке элементов (конечно, с помощью оператора if, который пропускает последний добавленный элемент).