Jquery 将新项目滑入列表

Jquery 将新项目滑入列表,jquery,slide,slidedown,slideup,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

我有一个通过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);
link=$('

); $(“#div1”).prepend(link).children(':first').hide().slideDown(1000);
但是新的链接要么出现,并使其余部分突然下降和上升(看起来它出现了一个很大的空白,需要一点时间才能回到样式表),要么只是在没有动画的情况下立即出现

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

我对一切都做了这样的处理:

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

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

);
我试过你的代码,效果很好。您可以在第二行尝试此操作,操作顺序不同

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

真正地我在JSFIDLE中尝试它,新的行刚刚出现,没有动画:显然冲突是与div p{display:table},与display:block冲突。它很好。为什么您使用div和p与display:table而不是表?我真的不在乎元素是什么类型,我只需要一个条目列表,只要条目是单行,包括链接,可能还有几个跨距。我之所以使用,是因为这是使示例使用slideUp()和slideDown()的唯一方法。我对网页设计有点陌生,这是我设计的第二个网站,第一个网站有点简单,所以我不确定哪些网站是更新列表中的“最佳选择”。我尝试了
    并只是将内容添加到新的
  • ,这似乎是最合适的,但我在某个地方看到,slideUp/Down在
      中有一个bug