2010-10-21 16 views
6
$('#container').prepend("<ul><li>Stuff</li></ul>').hide().slideDown(); 

我希望NEW UL向下滑动。但上面是滑落整个#容器..jQuery通过向下滑动来预先设置DIV

我怎么可以预先把一个项目放在最上面,然后把它滑下来......有点像Twitter用来向你展示你的新推文。

谢谢。

回答

22

您可以尝试使用此语法来代替:

$('<ul><li>Stuff</li></ul>').prependTo('#container').hide().slideDown(); 

当然,如果你使用一个列表一样,这可能是有用的元素来构建其元素是这样的:

var ul = $('<ul />').prependTo('#container'); 
$('<li />').appendTo(ul).text('Incoming!').hide().slideDown(); 
+0

谢谢第一个工作很好。谢谢!为什么按元素构建它,这是更多的代码? – user479959 2010-10-21 01:36:55

+0

@user从这个意义上说,它并不是真正意义上的更多代码,如果你要为许多元素做这件事,它很快就会变成一团乱七八糟的字符串连接。第二种方法对管理更复杂的东西很有用。 – 2010-10-21 01:38:30

+5

我会做一个小改动,并将'.hide()'移到prependTo/appendTo之前。只是为了防止隐藏之前任何分钟显示(在较慢的JS引擎上)... – 2010-10-21 01:47:52