FadeIn() не работает (с Prepend())

Question

В этом коде fadeIn() ничего не делает ... не могли бы вы объяснить мне, почему?

$('ul#l_box').prepend('<li id="'+ide+'_li" class="liked_item"><div class="close_cat"><span class="close_cat_txt">x</span></div><div class="item_txt-cfgme">'+cat+'</div><div class="number_likes">'+tot+'</div><div class="like_txt_box"><div class="'+CustomClass+'">'+stat+'</div></div></li>').fadeIn(); 

Answer 1

Элемент должен быть скрыт первым для FadeIn() для работы

$('<li id="' + ide + '_li" class="liked_item"><div class="close_cat"><span class="close_cat_txt">x</span></div><div class="item_txt-cfgme">' + cat + '</div><div class="number_likes">' + tot + '</div><div class="like_txt_box"><div class="' + CustomClass + '">' + stat + '</div></div></li>').hide().prependTo('#l_box').fadeIn(); 

Таким образом, вы можете использовать .prependTo() и hide() (или добавить style="display: none" к li), чтобы создать и скрыть элемент затем использовать .fadeIn() чтобы отобразить его

Демо: Fiddle