0

我有一个通过 AJAX 从服务器获取的链接列表,我正在使用从服务器获取的新链接对其进行更新。我希望列表向下滑动,新服务器向上滑动。

我的列表是一个 div,其中包含一个包含每个链接的段落列表,我正在尝试在顶部添加一个新链接。

我已经尝试过我在其他帖子中看到的东西,比如

link = $('<p id="div1_p_5"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');

$("#div1").prepend(link).children(':first').hide().slideDown(1000);

但是新链接要么出现并让其余部分突然下降和上升(它似乎以很大的余量出现并且需要一点时间才能回退到样式表),或者只是立即出现而没有动画。

我正在使用段落,因为项目链接也发生了同样的情况,我发现一些旧帖子说这是项目列表的 jQ 错误。

我用所有东西制作了这个jsfiddle: jsfiddle

4

2 回答 2

0

在元素中使用样式在插入之前将其隐藏:

link = $('<p id="div1_p_5" style="display:none"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');
于 2011-08-11T19:14:32.813 回答
0

我试过你的代码,它工作得很好。您可以在第二行尝试此操作,操作顺序不同

link.hide().prependTo('#div1').slideDown(1000);
于 2011-08-11T19:14:41.927 回答