jQuery SlideDown 删除最后插入的列表项的数量？

Question

大家好。我有一点问题。我有一个有序列表，其中包含一系列预先填充的列表项。

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ol>

当我使用 jQuery 动态添加另一个列表项并向下滑动元素时，它将显示该项目，但不显示数字。结果是这样的:

1. Item 1
2. Item 2
3. Item 3
4. Item 4
Item 5

执行此操作的 jQuery 是:

$("ol").append("<li>Item 5</li>");
var l = $("ol").children("li:last");
l.hide().slideDown(1000);

有什么想法吗？

Answer 1

完成后，slideDown 将列表项上的显示更改为block。这是高度和宽度动画正常工作所必需的。

您可以通过这样做来修复它:

$("ol").append("<li>Item 5</li>");
var l = $("ol").children("li:last");
l.hide().slideDown(1000, function() { $(this).css("display",""); });

但这似乎不太理想，因为它要等到动画结束。