Добавить элемент с эффектом fade [jQuery] 

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

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

Это не работает.

Мне просто нужен классный эффект при добавлении содержимого.

Примечание. Я хочу, чтобы только новый div "blah" исчезал, а не все "mycontent".

Ответы

Ответ 1

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

Ответ 2

Добавление немного дополнительной информации:

jQuery реализует "цепочку методов", что означает, что вы можете связывать вызовы методов с одним и тем же элементом. В первом случае:

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

вы будете применять вызов fadeIn к объекту, который является объектом цепочки методов, в данном случае #mycontent. Не то, что вы хотите.

В ответе @icktoofay (отличный) у вас есть:

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

В основном это означает, что создайте html, по умолчанию установите его как скрытый, добавьте его в #mycontent и , затем, чтобы он исчез. Цель цепочки методов теперь hmtl вместо #mycontent.

Ответ 3

Это также работает

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

Привет