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

Voglio che il NUOVO UL scivoli verso il basso. ma quanto sopra sta scivolando lungo l'intero #container ..jQuery Preliminare un DIV facendolo scorrere verso il basso

Come posso anteporre un oggetto in alto, e quindi farlo scorrere verso il basso .. Un po 'come Twitter ti ha mostrato il tuo nuovo tweet.

Grazie.

risposta

22

Si può provare a utilizzare questa sintassi invece:

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

Naturalmente, se si sta utilizzando un elenco del genere potrebbe essere utile per costruirlo elemento per elemento come questo:

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

Grazie, il primo ha funzionato alla grande. Grazie! Perché costruirlo per elemento, questo è più codice? – user479959

+0

@user Non è molto più codice, nel senso che se lo farai per un sacco di elementi diventa rapidamente un casino di concatenazioni di stringhe. Il secondo metodo è utile per la gestione di cose più complesse. –

+5

Farei una piccola modifica e sposterei '.hide()' prima di prependTo/appendTo. Solo per prevenire qualsiasi minuto di visualizzazione prima del hide (su motori JS più lenti) ... –

Problemi correlati