2010-08-26 81 views
7

與其將HTML簡單地轉儲到頁面中我希望將其設置爲動畫,我如何將下面的jQuery更改爲在插入HTML時動畫或向下滑動?jQuery animate .prepend

$('.button').click(function() { 

j('.tweets ul').prepend(j('.refreshMe ul').html()); 

}); 

回答

24

可以.hide()內容做.prependTo()前,然後調用.slideDown()的元素,像這樣:

$('.button').click(function() { 
j('.refreshMe ul > *').clone().hide().prependTo('.tweets ul').slideDown(); 
}); 

但這孩子.clone()移動,而不是做一個innerHTML的風格副本,在移動它們之前隱藏克隆的元素,然後將它們滑下。