Затухание в недавно загруженных divs постепенно с помощью ajax и append

Question

Я использую AJAX внутри Wordpress для загрузки моих страниц в виде бесконечного прокрутки. У меня проблем нет, все работает хорошо. На начальной загрузке страницы я запускаю этот скрипт для постепенного исчезновения в начальных блоках:

$('.item').each(function(i) { 
    $(this).css('opacity', 0); 
    $(this).delay((i++) * 100).fadeTo(1000, 1); 
}) 

Это работает так, как должно. Итак, вот дилемма. Поскольку я использую AJAX для загрузки большего количества контента в прокрутку, он не собирает этот кусок кода. Поэтому я использую этот код для постепенного исчезновения в каждом элементе внутри AJAX.

success: function(html){ 
    $(html).hide().appendTo('#main-results'); 

    $('.item').each(function(i) { 
     $(this).delay((i++) * 100).fadeTo(500, 1); 
    }) 
} 

Что происходит, что когда-то новые содержательные нагрузки, он начинает исчезать с самим первым блоком. Поскольку эти блоки уже загружены и имеют 100% непрозрачность, вы не видите, что они загружаются. Таким образом, существует некоторая «задержка», когда вновь загруженный контент начинает исчезать.

Это не результат (следовательно, почему я размещаю здесь), я бы хотел, чтобы это только новые загруженные блоки контента постепенно исчезали. Любая помощь или предложения были бы весьма полезны.

Answer 1

Здесь кратко был ответ, который я поймал. Я смог возиться с тем, что было предложено, и получил то, что мне было нужно. Для тех, кто находится в одной лодке, вот решение:

$(html).hide().appendTo('#main-results').filter('.item').each(function(i) { 
    $(this).delay((i++) * 100).fadeTo(500, 1); 
}) 

Благодаря анонимному помощнику!