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

페이드 효과가있는 요소 추가 [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);

문안 인사

참고 URL : https://stackoverflow.com/questions/4687579/append-an-element-with-fade-in-effect-jquery