javascript - 使用 jquery，如何将新的列表项添加到列表中？

Question

我有一个简单的 javascript 函数，它允许我将一个项目添加到列表中。请注意，我使用 JQuery...

function prependListItem(listName, listItemHTML)
{
    //Shift down list items...
    $("#" + listName + " li:first").slideDown("slow");

    //Add new item to list...
    $(listItemHTML).prependTo("#" + listName)       
}

'listName' 只是一个 <ul>与一些<li>的。

前置工作正常，但我无法让 slideDown 效果发挥作用。我希望列表项向下滑动，然后新项目出现在顶部。任何想法如何完成这个？我还是 JQuery 的新手...

Answer 1

如果你想让它同时被添加和向下滑动，这样做:

function prependListItem(listName, listItemHTML){
    $(listItemHTML).hide().prependTo('#' + listName).slideDown('slow');
}

要真正完全按照您的描述进行操作(向下滑动，然后淡入)，您需要这样的东西:

function prependListItem(listName, listItemHTML){
    $(listItemHTML)
        .hide()
        .css('opacity',0.0)
        .prependTo('#' + listName)
        .slideDown('slow')
        .animate({opacity: 1.0})
}