ต่อท้ายองค์ประกอบที่มีเอฟเฟกต์จาง ​​[jQuery]

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

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

ดูเหมือนจะไม่ได้ผล

ฉันแค่อยากได้เอฟเฟกต์เจ๋ง ๆ เมื่อเนื้อหาถูกต่อท้าย

หมายเหตุ: ฉันต้องการให้ div "blah" ใหม่จางลงไม่ใช่ "mycontent" ทั้งหมด

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

เพิ่มข้อมูลเพิ่มเติมเล็กน้อย:

jQuery ใช้ "method Chaining" ซึ่งหมายความว่าคุณสามารถเชื่อมโยงการเรียกเมธอดกับองค์ประกอบเดียวกันได้ ในกรณีแรก:

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

คุณจะใช้การfadeInเรียกใช้กับวัตถุซึ่งเป็นเป้าหมายของห่วงโซ่วิธีการในกรณี#mycontentนี้ ไม่ใช่สิ่งที่คุณต้องการ

ในคำตอบของ @ icktoofay (ยอดเยี่ยม) คุณมี:

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

นี้โดยทั่วไปหมายถึงการสร้างhtml, ตั้งเป็นซ่อนไว้โดยค่าเริ่มต้นผนวกมัน#mycontentและแล้วจางหายไปใน. เป้าหมายของห่วงโซ่วิธีการในขณะนี้คือแทนhmtl#mycontent

นี้ยังใช้งานได้

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

ความนับถือ

เนื่องจากการเฟดอินเป็นการเปลี่ยนจากซ่อนเป็นการแสดงคุณจะต้องซ่อนองค์ประกอบ "html" เมื่อคุณต่อท้ายแล้วจึงจะแสดงได้

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

$("#mycontent").append(function(){
  return html.hide();
});

$('#blah').fadeIn(999);