web-dev-qa-db-fra.com

Ajouter un élément avec un effet de fondu [jQuery]

var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(html).fadeIn(999);

Cela ne semble pas fonctionner.

Je veux juste un effet cool lorsque le contenu est ajouté.

Note: Je veux juste que le nouveau "blah" div apparaisse en fondu, pas tout le "mon contenu".

112
TIMEX
$(html).hide().appendTo("#mycontent").fadeIn(1000);
247
icktoofay

Ajouter un peu plus d'infos:

jQuery implémente "method chaining", ce qui signifie que vous pouvez chaîner des appels de méthode sur le même élément. Dans le premier cas:

$("#mycontent").append(html).fadeIn(999);

vous appliqueriez l'appel fadeIn à l'objet qui est la cible de la chaîne de méthodes, dans ce cas #mycontent. Pas ce que tu veux.

Dans la réponse (géniale) de @ icktoofay, vous avez:

$(html).hide().appendTo("#mycontent").fadeIn(1000);

Cela signifie fondamentalement, créez le html, définissez-le comme masqué par défaut, ajoutez-le à #mycontent et alors le fondu en. La cible de la chaîne de méthodes est maintenant hmtl au lieu de #mycontent.

49
Pablo Fernandez

Cela fonctionne aussi

$(Your_html).appendTo(".target").hide().fadeIn(300);

Cordialement

17
Mohd Sakib