Làm thế nào để mờ dần trong HTML gắn với jQuery?

Question

Tôi có dòng mã sau đây:..

var html = "..."; 
$("#id_name").append(html).fadeIn("slow"); 

Điều này làm cho toàn bộ div #id_name phai nhạt trong tôi muốn chỉ các nối HTML mờ dần trong Làm thế nào điều này có thể được thực hiện?

Answer 1

Bạn có thể làm một cái gì đó như:

$('<div></div>').appendTo("#id_name").hide().append(html).fadeIn('slow'); 

Answer 2

bạn phải chắc chắn rằng biến "html" là một đối tượng jquery đầu tiên, và hiện diện trong DOM.

Vì vậy, bạn thường kích hoạt chức năng gọi lại, được kích hoạt khi append() có hiệu lực.

dụ:

$("#id_name").append(html,function(){ 
$(html).fadeIn("slow"); 
}); 

Answer 3

này cũng nên làm việc (giả sử các html var là một đoạn mã html) và có thể là một chút dễ đọc hơn:

$(html).appendTo('#id_name').hide().fadeIn('slow');