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

Je souhaite que la NOUVELLE UL glisse vers le bas. mais ce qui précède est glissant le #container entier ..jQuery Ajouter un DIV en le faisant glisser vers le bas

Comment puis-je préfixer un élément vers le haut, puis le faire glisser vers le bas .. Un peu comme Twitter utilisé pour vous montrer votre nouveau tweet.

Merci.

Répondre

22

Vous pouvez essayer d'utiliser la syntaxe suivante:

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

Bien sûr, si vous utilisez une telle liste, il pourrait être utile de construire élément par élément comme celui-ci:

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

Merci le premier a bien fonctionné. Merci! Pourquoi le construire par élément, c'est plus de code? – user479959

+0

@user Ce n'est pas vraiment plus de code dans le sens où si vous faites cela pour beaucoup d'éléments, cela devient rapidement un tas de concaténations de chaînes. La deuxième méthode est utile pour gérer des choses plus complexes. –

+5

Je ferais une petite modification et déplacer le '.hide()' avant le prependTo/appendTo. Seulement pour éviter une minute d'affichage avant la peau (sur les moteurs JS plus lents) ... –

Questions connexes