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：将新项目滑入一组项目的顶部

回答

相关问题