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()来显示< / p>

演示：Fiddle

FadeIn（）不起作用（使用Prepend（））

1 个答案: