Nối một phần tử có hiệu ứng mờ dần [jQuery]

Question

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

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

Điều này dường như không hoạt động.

Tôi chỉ muốn có hiệu ứng thú vị khi nội dung được thêm vào.

Lưu ý: Tôi chỉ muốn div "blah" mới mờ dần, chứ không phải toàn bộ "mycontent".

Answer 1

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

Answer 2

Thêm một chút biết thêm:

jQuery cụ "phương pháp chaining", có nghĩa là bạn có thể phương pháp chuỗi kêu gọi cùng một nguyên tố. Trong trường hợp thứ nhất:

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

bạn sẽ được áp dụng các cuộc gọi fadeIn đến đối tượng đó là mục tiêu của chuỗi phương pháp, trong trường hợp này #mycontent. Không phải những gì bạn muốn.

Trong @ icktoofay của (tuyệt vời) trả lời bạn có:.

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

này về cơ bản có nghĩa là, tạo ra các html, thiết lập nó như ẩn theo mặc định, thêm nó vào #mycontent và sau đó phai nó trong Mục tiêu của chuỗi phương pháp hiện tại là hmtl thay vì #mycontent.

Answer 3

này cũng làm việc

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

Trân