2010-10-21 15 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