Benzer: Using fadein and append

Ama bu çözüm benim için işe yaramıyor. Çalışıyorum:

 $('#thumbnails').append('<li><img src="/photos/t/' data.filename '"/></li>').hide().fadeIn(2000);

Ama sonra tüm listeyi her madde eklenmez gibi bir anda yok oluyor. hide() fadeIn() $('#thumbnails') <li> değil için uygulanıyor gibi görünüyor. Nasıl yerine geçerli olsun ki? Bu da çalışmıyor:

$('#thumbnails').append('<li stle="display:none"><img src="/photos/t/' data.filename '"/></li>').filter(':last').fadeIn(2000);

Başka bir öneriniz var mı?

İlk denemen çok yakın, ama append() #thumbnails, sadece eklenen öğeyi döndürme unutmayın. Bunun yerine, maddenin ilk inşa ve eklemeden önce hide().fadeIn() Uygula:

$('#thumbnails').append($('<li><img src="/photos/t/' data.filename '"/></li>').hide().fadeIn(2000));

Bu vaktinden <li> inşa etmek dolar işlevini kullanır. Ayrıca eğer daha yaparsa tabii ki bu iki satır yaz,,.

var item = $('<li><img src="/photos/t/' data.filename '"/></li>').hide().fadeIn(2000);
$('#thumbnails').append(item);

Düzenleme:İkinci girişimde de neredeyse orada, ama filter() yerine children() kullanmak gerekir. İkincisi, yalnızca geçerli sorgudan düğümleri kaldırır;-eklenen yeni öğe bu değil sorgu, ama çocuk bir düğüm yerine.

$('#thumbnails').append('<li stle="display:none"><img src="/photos/t/' data.filename '"/></li>').children(':last').hide().fadeIn(2000);