将新项目滑入列表

时间:2011-08-11 19:05:42

标签: jquery slide slidedown slideup

我有一个链接列表,我通过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

2 个答案:

答案 0 :(得分:0)

在插入前使用元素中的样式隐藏它:

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

答案 1 :(得分:0)

我尝试了你的代码,它工作得很好。您可以尝试使用第二行,其中的操作顺序不同

link.hide().prependTo('#div1').slideDown(1000);