페이드 인 효과가있는 요소 추가 [jQuery]

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

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

이것은 작동하지 않는 것 같습니다.

콘텐츠가 추가 될 때 멋진 효과를 원합니다.

참고 : 전체 "mycontent"가 아닌 새로운 "blah"div 만 페이드 인하기를 원합니다.

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

더 많은 정보 추가 :

jQuery는 "메서드 체인"을 구현합니다. 즉, 동일한 요소에 대한 메서드 호출을 체인 할 수 있습니다. 첫 번째 경우 :

$("#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);

문안 인사

fadeIn은 숨기기에서 표시로의 전환이므로 추가 할 때 "html"요소를 숨긴 다음 표시해야합니다.

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

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

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