附加html时的jquery动画

Question

我在<UL>使用Jquery 进行前置时尝试创建fadeIn效果,但动画效果从未出现在页面上.我在指定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>页面上显示正确,但我不会在页面上看到淡入淡出效果.我在绑定数据和对项目的影响方面做错了吗？

Answer 1

添加了显示:无风格,所以它不是只要你预先准备它,有点颠倒了jQuery线可见.

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