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