jQuery：將新項目滑入一組項目的頂部

jQuery的新手入門;只是不能完全得到這個...jQuery：將新項目滑入一組項目的頂部

我有一個頁面上的項目列表，我想插入一個新項目的列表頂部（a）滑動現有的項目和（b ）將新項目淡入到列表頂部的位置。我可以將新項目插入列表中，但到目前爲止，我得到的所有效果都是像$('#theList').prepend(theNewItem).hide().fadeIn(1000);這樣的東西，它會在整個項目中淡出，包括新項目，並且不會執行任何有關滑動。

當然（？），我的問題的一部分是，我需要將.fadeIn（和推測，.slideUp）方法應用於新項目，而不是整個列表，但我似乎無法來幫助我。我可以得到新項目的ID，但是在prepend之後（至少，console.log（'＃theNeItemsID'）返回一個空列表），它不會顯示在DOM中。

有什麼建議嗎？非常感謝！

來源

2011-02-22 Jim Miller

如何

$('#theList').prepend(theNewItem).children(':first').hide().fadeIn(1000);

演示：http://jsfiddle.net/gaby/CrjQF/

替代

如果變量theNewItem擁有jQuery對象，那麼你也可以使用.prependTo()^docs方法跳過過濾器環

theNewItem.prependTo('#theList').hide().fadeIn(1000);

演示：http://jsfiddle.net/gaby/CrjQF/1/

說明

它的發生是因爲您最初的選擇是#theList所以連鎖命令參考它。使用.children()^docs法:first^docs選擇相結合，我們縮小所選項目的#theList的第一個孩子（新增）

來源

2011-02-22 18:35:08

非常漂亮 - 謝謝！對於額外的信用:)，在新項目淡入之前，我將如何獲得現有項目的可見滑動窗口？我試着在方法調用鏈的各個點上放置一個.slideDown（1000），但是他們中沒有一個看起來很像。 – 2011-02-22 19:14:15

jQuery：將新項目滑入一組項目的頂部

回答

相關問題