附加 html 时的 jquery 动画

Question

我试图在添加 <UL> 时创建淡入效果。使用Jquery，但是页面上始终没有出现动画效果。我在指定 fadeIn 效果时犯了错误吗？

这就是我的代码的样子

<UL id="myUL">
   <LI> First Item <LI>
   <LI> Second Item <LI>
   <LI> Third Item <LI>
   <LI> Fourth Item <LI>
<UL>

Jquery 如下(单击按钮时)

var liData = "<LI> A New Item </LI>";
$('#myUL').prepend(liData).fadeIn('slow');

尽管 <LI>在页面上正确显示，我在页面上看不到淡入效果。我在绑定(bind)数据和对项目的影响方面做错了什么吗？

Answer 1

添加了 display:none 样式，因此一旦您添加它，它就不可见，并且稍微颠倒了 jQuery 行。

var liData = '<LI style="display:none"> A New Item </LI>';
$(liData).prependTo('#myUL').fadeIn('slow');

JSFiddle:http://jsfiddle.net/sPeHy/4/